美文网首页Uniapp小程序
部署一个微信小程序1 | 配置基础云资源

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

作者: 臻甄 | 来源:发表于2018-02-03 16:12 被阅读545次

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


    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

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

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

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

    附录

    相关文章

      网友评论

        本文标题:部署一个微信小程序1 | 配置基础云资源

        本文链接:https://www.haomeiwen.com/subject/ptuszxtx.html