企業(yè)建站知識(shí) 推廣知識(shí) 小程序微信營(yíng)銷 APP開(kāi)發(fā) 前端設(shè)計(jì) MindManager 開(kāi)發(fā)語(yǔ)言自媒體

部署一個(gè)微信小程序1 | 配置基礎(chǔ)云資源

發(fā)表日期：2018-02 文章編輯：小燈瀏覽次數(shù)：2895

2018-02-03 08:12:11

ssl證書(shū)

這幾天，胖樹(shù)同學(xué)作為一名從未接觸過(guò)代碼的醫(yī)學(xué)生，被他的導(dǎo)師要求做一款小程序出來(lái)，我在驚呆之余也默默的佩服他初生牛犢不怕虎的勇氣，還真的繼續(xù)做下去了，感慨之余當(dāng)然也親自見(jiàn)他開(kāi)始踩坑，看不下去了于是決定幫他一把，順便自己過(guò)一遍做小程序的流程。

image.png

因?yàn)椴皇钦娴臑榱瞬渴鹨粋€(gè)小程序，而是想著自己做實(shí)驗(yàn)過(guò)一遍，在摸索中也是踩了不少坑，包括很多順序也都搞錯(cuò)了再重來(lái)，最后是看了騰訊云開(kāi)發(fā)者實(shí)驗(yàn)室里的實(shí)驗(yàn)項(xiàng)目才真正了解了整個(gè)過(guò)程。
但是整個(gè)過(guò)程也是把買(mǎi)云服務(wù)器、域名、證書(shū)、建站主機(jī)、數(shù)據(jù)庫(kù)服務(wù)器等等熟悉了一遍，和官方教程不同的是，我這篇博文記錄了一些些學(xué)生黨福利，對(duì)于騰訊給新用戶提供的優(yōu)惠和免費(fèi)試用服務(wù)，當(dāng)然一個(gè)也不能錯(cuò)過(guò)！

部署微信小程序分為了幾部分：

配置基礎(chǔ)云資源（也就是建立網(wǎng)站）
（1）購(gòu)買(mǎi)云服務(wù)器CVM
（2）購(gòu)買(mǎi)域名（域名購(gòu)買(mǎi)-實(shí)名認(rèn)證-域名解析-網(wǎng)站備案）
（3）配置SSL證書(shū)
配置小程序開(kāi)發(fā)環(huán)境

最開(kāi)始可以先看一眼熟悉一下：建站基本流程

Step1 購(gòu)買(mǎi)云服務(wù)器CVM

云服務(wù)器（Cloud Virtual Machine,CVM），既然是做微信小程序，那云服務(wù)器也在騰訊家買(mǎi)就好了，新用戶注冊(cè)可以搶免費(fèi)體驗(yàn)套餐。
領(lǐng)取地址：騰訊云免費(fèi)套餐
領(lǐng)取資格：新注冊(cè)用戶，需要先實(shí)名認(rèn)證。注冊(cè)和實(shí)名認(rèn)證的步驟騰訊的引導(dǎo)提示做的很好，在這里不贅述了。
體驗(yàn)時(shí)間：7天
體驗(yàn)之后的正常價(jià)格：華南地區(qū)1核1GB+1Mbps（77元/月）學(xué)生黨窮的買(mǎi)不起。如果不領(lǐng)取免費(fèi)套餐，可以看Step2
CVM使用教程

image.png
檢查：購(gòu)買(mǎi)云服務(wù)器后，可以在自己電腦上ping一下CVM的IP看一下是不是通的。

Step2 購(gòu)買(mǎi)域名

域名購(gòu)買(mǎi)地址：同時(shí)也能查詢域名是否已經(jīng)注冊(cè)。
官方視頻教程：在騰訊云上購(gòu)買(mǎi)域名
作為一名新用戶，當(dāng)然第一時(shí)間尋找各種優(yōu)惠信息，就在域名購(gòu)買(mǎi)地址那里有各種優(yōu)惠促銷套餐，剛好年初搞活動(dòng)，club后綴的域名可以1元購(gòu)買(mǎi)首年使用權(quán)，com域名也只要28元首年（原價(jià)56元），剛好查到我自己的姓名拼音還沒(méi)被注冊(cè)，果斷先搶注了com的域名（有種超市大甩賣(mài)，不搶就虧的心態(tài)。。。存粹想嘗試的童鞋，可以再9點(diǎn)后去搶購(gòu)每天100個(gè)名額的club域名，1元/月也是特別值）

image.png

實(shí)名認(rèn)證：自 2016 年7月18日起，.com / .net 域名注冊(cè)成功后 5 天內(nèi)必須實(shí)名認(rèn)證，否則域名會(huì)處于 Serverhold 狀態(tài)，無(wú)法正常使用。所以，買(mǎi)完就上傳身份證實(shí)名認(rèn)證吧，不要拖了。實(shí)名認(rèn)證過(guò)程還暫時(shí)無(wú)法用域名。（啊！感覺(jué)自己的免費(fèi)服務(wù)器領(lǐng)早了！不過(guò)后面發(fā)現(xiàn)并不需要1-3天那么久，我中午吃個(gè)飯回來(lái)就認(rèn)證通過(guò)了）
域名解析：添加解析記錄，去控制臺(tái)把自己當(dāng)時(shí)買(mǎi)的云服務(wù)器CVM的IP地址加進(jìn)去就行。
1.騰訊官方視頻教程：如何在騰訊云上解析域名
2.域名設(shè)置解析后需要過(guò)一段時(shí)間才會(huì)生效，通過(guò)在自己電腦上 ping 命令檢查域名是否生效，如：ping www.yourmpdomain.com如果 ping 命令返回的信息中含有你設(shè)置的解析的 IP 地址，說(shuō)明解析成功。

image.png

image.png
如果要讓網(wǎng)站可以開(kāi)展網(wǎng)站服務(wù)，需要先備案（大概1-3天審核），備案的前提是已經(jīng)進(jìn)行了實(shí)名認(rèn)證。給一個(gè)鏈接備案流程圖解（到時(shí)候我的服務(wù)器應(yīng)該已經(jīng)失效了。。。。）
本著做實(shí)驗(yàn)的我是不會(huì)等到那一天的，因?yàn)閷?shí)名認(rèn)證和備案都不影響解析，所以我還是添加了解析記錄，然后ping了一下我的域名，發(fā)現(xiàn)是通的，而且可以解析為對(duì)應(yīng)的IP。這一步就先這樣了。

Step3 配置SSL證書(shū)

微信小程序只允許通過(guò) HTTPS 訪問(wèn)，必須配置SSL證書(shū)。
打開(kāi)SSL配置網(wǎng)站
騰訊云提供了 SSL 證書(shū)的免費(fèi)申請(qǐng)，申請(qǐng)方式可參考下面視頻：
- 視頻 - 在騰訊云上申請(qǐng) SSL 證書(shū)
申請(qǐng)?zhí)峤缓螅瑢徟Y(jié)果會(huì)以短信的形式通知。審批通過(guò)后，可以到 SSL 控制臺(tái)下載您的證書(shū)文件，可參考下面的視頻：
- 視頻 - 在騰訊云上下載 SSL 證書(shū)
可以申請(qǐng)免費(fèi)版的SSL證書(shū)，反正是做實(shí)驗(yàn)，怎么免費(fèi)怎么來(lái)

image.png

Step4 各種做實(shí)驗(yàn)（可跳過(guò)）

如果只是開(kāi)發(fā)者抱著嘗試的心態(tài)，騰訊云里面還提供了不少免費(fèi)實(shí)驗(yàn)供開(kāi)發(fā)者測(cè)試，就在開(kāi)發(fā)者實(shí)驗(yàn)室
如果不想做實(shí)驗(yàn)，想直接搭建小程序服務(wù)。官網(wǎng)里也能找到部署微信小程序的教程
不說(shuō)了，再說(shuō)感覺(jué)就像是給鵝廠打廣告了。

Step5 給自己買(mǎi)的云服務(wù)器開(kāi)啟HTTP的Web服務(wù)（可跳過(guò)，此步存粹是試驗(yàn)）

這一步可以很直觀的看自己的域名能否被解析，自己在這個(gè)服務(wù)器上搭建的服務(wù)能否對(duì)外開(kāi)放。
登陸我的云主機(jī)：通過(guò)網(wǎng)頁(yè)登陸

image.png
可以先檢查一下nginx是否已經(jīng)安裝

ps -ef | grep nginx

Nginx已經(jīng)運(yùn)行

如果沒(méi)有，就按照這篇教程來(lái)安裝

安裝之后再訪問(wèn)我的域名，應(yīng)該就可以看到nginx的首頁(yè)了

Step6 購(gòu)買(mǎi)建站主機(jī)（已經(jīng)備案了的可以跳過(guò)這一步）

因?yàn)闆](méi)有備案的域名沒(méi)辦法加入小程序的配置，所以也是慌亂之中我就領(lǐng)個(gè)了30元的券，買(mǎi)下了39元的建站主機(jī)，配有PHP+MySQL+FTP服務(wù)，坑爹的是，貌似沒(méi)辦法直接遠(yuǎn)程操縱主機(jī)，只能用FTP上傳PHP適用的代碼，再連接MySQL做好數(shù)據(jù)庫(kù)配置，然后開(kāi)發(fā)定制化的網(wǎng)站。應(yīng)該是不能用來(lái)做小程序的。
好處是，給的域名已經(jīng)經(jīng)過(guò)SSL驗(yàn)證，可以直接用https;//訪問(wèn)，而且給了一個(gè)試驗(yàn)性的域名，再下一章中給公眾號(hào)配置合法域名的時(shí)候能用上，不會(huì)出現(xiàn)驗(yàn)證備案不通過(guò)。
結(jié)論是，這個(gè)主機(jī)如果不是用來(lái)做PHP開(kāi)發(fā)，也是沒(méi)什么用的。

Step7 安裝工具

Xshell：可以遠(yuǎn)程連接自己的云服務(wù)器終端
Xftp：可以在自己的電腦和云服務(wù)器之間傳輸文件

image.png
Xshell和Xftp的安裝和配置在此不贅述，就是填I(lǐng)P，username，password的過(guò)程而已。

注意：Xftp安裝后首次使用可能連不上云服務(wù)器（下面我都用CVM來(lái)代替），說(shuō)明CVM還沒(méi)有開(kāi)啟ftp服務(wù)，在Xshell遠(yuǎn)程連接了CVM之后，運(yùn)行vsftpd -version查看，如果沒(méi)有安裝vsftpd的話，就用命令行安裝一下sudo apt-get install vsftpd然后自己找一篇博客配置一下。

碰到問(wèn)題：

可以連接ftp服務(wù)，但是無(wú)法上傳文件，查看詳細(xì)信息是550 Permission denied
- 原因：vsftp默認(rèn)配置不允許上傳文件。
- 解決：修改/etc/vsftpd.conf
- 將“write_enable=YES”前面的#取消。
- 重啟vsftp服務(wù)器

配置成功后，這兩個(gè)工具是配套使用的，可以從一個(gè)工具直接打開(kāi)另一個(gè)工具

Xshell

Xftp

通過(guò)以上幾步的配置之后，下面這個(gè)視頻就能看得懂了

視頻：10分鐘學(xué)會(huì)部署微信小程序在頁(yè)面最底部

但是底部三個(gè)視頻看完了還是沒(méi)法自己做小程序，所以還是一步步來(lái)吧。

至此，該配置的基礎(chǔ)云資源基本都配置好了，下一節(jié)就可以開(kāi)啟小程序之旅了。

附錄

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.juherenli.com/20460.html

上一篇：<詳解 SSL 握手流程下一篇：SSL：http與https>