前言:本文主要講解微信小程序開發流程,環境配置以及注意事項,減少新手走彎路
1、服務器環境準備說明
1.1 公網網絡和域名可用性
確保服務器公網網絡正常,且指向公網IP的域名已備案,狀態正常
由於微信小程序API必要得備案域名才能訪問,所以域名需要通過ICP備案(具體如何備案,這裏不做說明)
1.2 端口可用
確保80和443端口已開放,且沒有被佔用
如果對端口號不太理解,請查看這個
https://blog.csdn.net/qcx321/article/details/52234259
①、使用telnet命令測試80和443端口是否已開放
如下圖:
②、使用netstat命令測試80和443端口是否有被佔用;
netstat -ano | findstr "80"
netstat -ano | findstr "443"
如下圖
1.3 HTTPS可用
確保HTTPS可用
微信小程序業務域名需要https才能設置,開發時可以先設置不校驗域名有效性
2.小程序開發流程
2.1微信小程序開發後臺地址
網頁地址:https://mp.weixin.qq.com
微信小程序開發賬號可以從此地址註冊
2.2小程序AppID、AppSecret 的獲取與配置說明
2.2.1 AppID說明
AppID也叫開發者ID,是公衆號,小程序唯一開發識別碼,配合開發者密碼進行開發(簡單來說,是小程序應用ID)
2.2.2 AppID獲取步驟
① 由微信小程序開發後臺地址輸入賬號密碼後,掃碼進入(需要用公衆號綁定的管理員微信掃碼)
② 在左側的菜單,點擊開發目錄
③ 在開發目錄下點擊開發設置,就可以看到AppID
2.2.3 AppSecret說明
AppSecret也叫開發者密碼,與appid二者配合使用,可調用公衆號的接口能力。(主要是後臺用來拿微信用戶的openID)
2.2.3 AppSecret重要提示
AppSeret只能以生成的方式來獲取。生成後,微信小程序管理頁面是不爲開發賬戶保存AppSeret的,所以AppSeret要妥善保管好。如果丟失或忘記,可重置並生成。
2.2.4 AppSecret獲取步驟
①、AppSecret的獲取與《2.2.2 AppID獲取步驟》基本一致
2.3 配置“業務域名”
2.3.1 步驟
業務域名的添加/修改在 左側列表--開發目錄--開發設置--業務域名裏面
如下圖
2.3.2 業務域名配置使用說明
①、業務域名配置必要使用80端口;
②、業務域名必須通過備案;
③、域名配置完成後,網頁會提示要下載校驗文件(是一個.txt文件),將其放在tomcat的根目錄下,重新啓動tomcat即可。
另外有部分人可能不懂業務域名是什麼,簡單來說,業務域名可以實現Web頁面嵌入小程序中。
2.4 下載安裝小程序開發者工具
地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
環境配置沒什麼太大要求,建議安裝在D盤
2.5 小程序開發工具配置流程
①、打開小程序Web開發者工具,點擊+號
②、填寫項目名稱、目錄,appid(前面有說到如何獲取),開發模式選小程序即可,語言我這裏選擇JS
③、微信小程序的編輯工具模式跟web差不多,前端開發的同學,基本很容易就上手,開發完成的界面,點擊上傳,就可以上傳到申請的小程序管理賬號中(提示一下,管理賬號中,需要把開發者的微信授權)
好了,本來還想寫一下上線發佈流程及注意事項的,但想到那部分相對比較簡單,新手多看下文檔就明白,就寫到這裏吧