微信小程序開發指南(新手必備)

前言:本文主要講解微信小程序開發流程,環境配置以及注意事項,減少新手走彎路

 

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差不多,前端開發的同學,基本很容易就上手,開發完成的界面,點擊上傳,就可以上傳到申請的小程序管理賬號中(提示一下,管理賬號中,需要把開發者的微信授權)

 

 

 

好了,本來還想寫一下上線發佈流程及注意事項的,但想到那部分相對比較簡單,新手多看下文檔就明白,就寫到這裏吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章