部署一个微信小程序1 | 配置基础云资源

这几天,胖树同学作为一名从未接触过代码的医学生,被他的导师要求做一款小程序出来,我在惊呆之余也默默的佩服他初生牛犊不怕虎的勇气,还真的继续做下去了,感慨之余当然也亲自见他开始踩坑,看不下去了于是决定帮他一把,顺便自己过一遍做小程序的流程。


image.png
  1. 因为不是真的为了部署一个小程序,而是想着自己做实验过一遍,在摸索中也是踩了不少坑,包括很多顺序也都搞错了再重来,最后是看了腾讯云开发者实验室里的实验项目才真正了解了整个过程。
  2. 但是整个过程也是把买云服务器、域名、证书、建站主机、数据库服务器等等熟悉了一遍,和官方教程不同的是,我这篇博文记录了一些些学生党福利,对于腾讯给新用户提供的优惠和免费试用服务,当然一个也不能错过!

部署微信小程序分为了几部分:

  1. 配置基础云资源(也就是建立网站)
    (1)购买云服务器CVM
    (2)购买域名(域名购买-实名认证-域名解析-网站备案)
    (3)配置SSL证书
  2. 配置小程序开发环境

Step1 购买云服务器CVM

  • 云服务器(Cloud Virtual Machine,CVM),既然是做微信小程序,那云服务器也在腾讯家买就好了,新用户注册可以抢免费体验套餐。
  • 领取地址:腾讯云免费套餐
  • 领取资格:新注册用户,需要先实名认证。注册和实名认证的步骤腾讯的引导提示做的很好,在这里不赘述了。
  • 体验时间:7天
  • 体验之后的正常价格:华南地区1核1GB+1Mbps(77元/月)学生党穷的买不起。如果不领取免费套餐,可以看Step2
  • CVM使用教程
    image.png
  • 检查:购买云服务器后,可以在自己电脑上ping一下CVM的IP看一下是不是通的。

Step2 购买域名

  • 域名购买地址:同时也能查询域名是否已经注册。
  • 官方视频教程:在腾讯云上购买域名
  • 作为一名新用户,当然第一时间寻找各种优惠信息,就在域名购买地址那里有各种优惠促销套餐,刚好年初搞活动,club后缀的域名可以1元购买首年使用权,com域名也只要28元首年(原价56元),刚好查到我自己的姓名拼音还没被注册,果断先抢注了com的域名(有种超市大甩卖,不抢就亏的心态。。。存粹想尝试的童鞋,可以再9点后去抢购每天100个名额的club域名,1元/月也是特别值)
image.png
  • 实名认证:自 2016 年7月18日起,.com / .net 域名注册成功后 5 天内必须实名认证,否则域名会处于 Serverhold 状态,无法正常使用。所以,买完就上传身份证实名认证吧,不要拖了。实名认证过程还暂时无法用域名。(啊!感觉自己的免费服务器领早了!不过后面发现并不需要1-3天那么久,我中午吃个饭回来就认证通过了)
  • 域名解析:添加解析记录,去控制台把自己当时买的云服务器CVM的IP地址加进去就行。
    1.腾讯官方视频教程:如何在腾讯云上解析域名
    2.域名设置解析后需要过一段时间才会生效,通过在自己电脑上 ping 命令检查域名是否生效 ,如:ping www.yourmpdomain.com如果 ping 命令返回的信息中含有你设置的解析的 IP 地址,说明解析成功。
    image.png

    image.png
  • 如果要让网站可以开展网站服务,需要先备案(大概1-3天审核),备案的前提是已经进行了实名认证。给一个链接备案流程图解(到时候我的服务器应该已经失效了。。。。)
  • 本着做实验的我是不会等到那一天的,因为实名认证和备案都不影响解析,所以我还是添加了解析记录,然后ping了一下我的域名,发现是通的,而且可以解析为对应的IP。这一步就先这样了。

Step3 配置SSL证书

  • 微信小程序只允许通过 HTTPS 访问,必须配置SSL证书。
  • 打开SSL配置网站
  • 腾讯云提供了 SSL 证书的免费申请,申请方式可参考下面视频:
  • 申请提交后,审批结果会以短信的形式通知。审批通过后,可以到 SSL 控制台下载您的证书文件,可参考下面的视频:
  • 可以申请免费版的SSL证书,反正是做实验,怎么免费怎么来


    image.png

Step4 各种做实验(可跳过)

  • 如果只是开发者抱着尝试的心态,腾讯云里面还提供了不少免费实验供开发者测试,就在开发者实验室
  • 如果不想做实验,想直接搭建小程序服务。官网里也能找到部署微信小程序的教程
  • 不说了,再说感觉就像是给鹅厂打广告了。

Step5 给自己买的云服务器开启HTTP的Web服务(可跳过,此步存粹是试验)

  • 这一步可以很直观的看自己的域名能否被解析,自己在这个服务器上搭建的服务能否对外开放。
  • 登陆我的云主机:通过网页登陆


    image.png
  • 可以先检查一下nginx是否已经安装
ps -ef | grep nginx
Nginx已经运行

安装之后再访问我的域名,应该就可以看到nginx的首页了

Step6 购买建站主机(已经备案了的可以跳过这一步)

  • 因为没有备案的域名没办法加入小程序的配置,所以也是慌乱之中我就领个了30元的券,买下了39元的建站主机,配有PHP+MySQL+FTP服务,坑爹的是,貌似没办法直接远程操纵主机,只能用FTP上传PHP适用的代码,再连接MySQL做好数据库配置,然后开发定制化的网站。应该是不能用来做小程序的。
  • 好处是,给的域名已经经过SSL验证,可以直接用https;//访问,而且给了一个试验性的域名,再下一章中给公众号配置合法域名的时候能用上,不会出现验证备案不通过。
  • 结论是,这个主机如果不是用来做PHP开发,也是没什么用的。

Step7 安装工具

  • Xshell:可以远程连接自己的云服务器终端

  • Xftp:可以在自己的电脑和云服务器之间传输文件


    image.png
  • Xshell和Xftp的安装和配置在此不赘述,就是填IP,username,password的过程而已。

注意:Xftp安装后首次使用可能连不上云服务器(下面我都用CVM来代替),说明CVM还没有开启ftp服务,在Xshell远程连接了CVM之后,运行vsftpd -version查看,如果没有安装vsftpd的话,就用命令行安装一下sudo apt-get install vsftpd然后自己找一篇博客配置一下。

碰到问题:

  • 可以连接ftp服务,但是无法上传文件,查看详细信息是550 Permission denied
    • 原因:vsftp默认配置不允许上传文件。
    • 解决:修改/etc/vsftpd.conf
    • 将“write_enable=YES”前面的#取消。
    • 重启vsftp服务器

配置成功后,这两个工具是配套使用的,可以从一个工具直接打开另一个工具


Xshell

Xftp

通过以上几步的配置之后,下面这个视频就能看得懂了

但是底部三个视频看完了还是没法自己做小程序,所以还是一步步来吧。

至此,该配置的基础云资源基本都配置好了,下一节就可以开启小程序之旅了。

附录

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,186评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,858评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,620评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,888评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,009评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,149评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,204评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,956评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,385评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,544评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,185评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2 351

推荐阅读更多精彩内容

  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 28,514评论 9 295
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,644评论 18 139
  • 接上篇,原本以为一个上午就能搞定的小程序,没想到从零开始部署这么的麻烦,为此我也是给胖树同学捏一把汗,等我帮他把小...
    臻甄阅读 13,452评论 3 6
  • 心灵写作第七期第26篇 我是一个自卑的人,在我的关系里,我总是不停付出,不停为别人考虑。爱情里更是如此。 尤记得我...
    花生果果阅读 110评论 1 0
  • 引子:最近几天心情确实有点低落,不为别的为了以后生活而苦恼。每逢有村里人来我家见我或者我父母就问“什个(什么)时候...
    092c1a9b2003阅读 187评论 0 0