天天看點

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

1. 小程式開發

1.1 建立項目/導入項目

打開微信開發者工具,右上角:項目 -- 建立項目,彈出框填寫内容,AppID為注冊的小程式appId,如果還沒注冊小程式,可以去“注冊”,或者選擇“測試号”。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

如果已有項目,則隻需要導入,右上角:項目 -- 導入項目。如下,點選“目錄”,導入項目,AppID會自動識别并填寫導入的項目AppID,如果沒有則需手動填寫。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

1.2 注意事項

1)在開發時,如果還沒配置域名時,則在微信開發者工具右上角:詳情 -- 項目設定中,勾選“不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書”。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

2)在微信開發者工具選擇“預覽”,用手機測試時,如果還沒配置域名,則需在手機打開"調試模式"

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

如下為打開調試模式步驟,最後一個截圖右下角出現“綠色vConsole”代表已打開調試模式,如果沒出現綠色vConsole而且也打開了調試模式,可能是因為你寫的頁面覆寫了它,就是它所在位置的頁面元件層級比它高。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節
微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節
微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節
微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

2. 配置域名

登入小程式背景:https://mp.weixin.qq.com/ 

開發 - 開發設定 - 伺服器域名。點選修改,每個月可申請5次修改

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

配置的域名必須以“https”開始。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

3. 上傳代碼

3.1 上傳步驟

點選微信開發者工具右上角的“上傳”,填寫版本号、項目備注,确定無誤後即可上傳

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

去小程式背景:https://mp.weixin.qq.com/  ,檢視上傳情況,可以選擇上傳的版本設定為“體驗版”,讓其他人使用。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

此外,如果讓其他使用者能使用該體驗版小程式,則需添加體驗成員。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

3.2 注意事項

1) 檢視配置

點選微信開發者工具右上角的“詳情”

檢視AppID是否正确?

檢視域名資訊是否配置正确?

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

4. 送出稽核

去小程式背景:https://mp.weixin.qq.com/  ,看截圖步驟:

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節
微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節
微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

如果釋出的小程式需要登入,如下圖,必須填寫測試賬号和測試密碼。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

送出稽核後,等稽核通過(稽核通過後,會推送消息到微信),然後再登入小程式背景,去點選釋出,釋出時選擇“全量釋出”即可。

微信小程式 -- 小程式開發、上傳代碼、送出稽核以及要注意的細節

先暫時到這裡,後續在補詳細點。