微信小程序從開發到上線流程

一、微信小程序從開發到上線流程

註冊小程序

1、登錄微信公眾平台 //mp.weixin.qq.com

2、在微信公眾平台>立即註冊>小程序中註冊微信小程序

3、在郵箱中激活並完善開發者資料,填寫企業信息

4、提交審核

5、審核通過之後,在微信公眾平台登陸小程序設置小程序基本信息

image

​ 6、在微信公眾平台>開發管理>開發設置中獲取AppID(小程序ID)以及AppSecret(小程序密鑰)

​ 7、在微信公眾平台>開發管理>開發設置中配置合法域名

​ 8、在微信公眾平台>成員管理中設置管理員權限及開發者權限

開發小程序

​ 1、打開微信開發者工具新建項目

​ 在appid欄輸入微信公小程序的appid,並將秘鑰給服務端開發者,自定義登錄態時,調用wx.login接口獲取登錄憑證(code)。將code傳給服務端,服務端調用auth.code2Session 接口,使用憑證code換取用戶登錄態信息,包括用戶在當前小程序的唯一標識(openid)、微信開放平台帳號下的唯一標識(unionid,若當前小程序已綁定到微信開放平台帳號)及本次登錄的會話密鑰(session_key)等。臨時登錄憑證 code 只能使用一次。

​ 2、項目目錄

app.json 文件用來對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。
pages文件夾中用來配置小程序的每個頁面。
sitemap.json用來配置每個頁面是否允許被微信索引。當開發者允許微信索引時,微信會通過爬蟲的形式,為小程序的頁面內容建立索引。當用戶的搜索詞條觸發該索引時,小程序的頁面將可能展示在搜索結果中。可以在這裡根據微信小程序的搜索排名機制來做小程序seo優化,使其優先被搜索到。默認所有頁面開啟索引,配置詳情://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html
project.config.json為項目配置文件

ES6轉ES5用於編譯es6語法。
增強編譯用於編譯es7、es8語法。
使用npm模塊之後可以構建npm依賴包。
正式發佈的小程序的網絡請求需要校驗合法域名以及域名的 TLS 版本。 在開發過程中可以勾選不校驗合法域名,開發工具將不會校驗安全域名,以及 TLS 版本,可使用http請求完成調試工作。

3、構建npm

​ 由於node_modules 目錄不會參與編譯、上傳和打包中,所以小程序想要使用 npm 包必須走一遍「構建 npm」的過程,生成一個 miniprogram_npm 目錄,裏面會存放構建打包後的 npm 包,也就是小程序真正使用的 npm 包。使用npm模塊之後可以構建npm依賴包。
在項目根目錄下打開終端,使用命令npm init 新增一個package.json文件後使用npm install 下載所需依賴,下載完成後在開發工具中點擊工具>構建npm。

發佈小程序

1、開發工具中點擊上傳按鈕,上傳代碼。上傳時需要添加當前版本的描述。

2、上傳完代碼後,在微信公眾平台>版本管理,將此版本選為體驗版,即可掃碼來訪問小程序。
​3、測試通過後,在微信公眾平台>版本管理中點擊提交審核。
​4、審核通過後,在微信公眾平台>版本管理中點擊發佈代碼。發佈完成後,在微信中搜索小程序名稱可以訪問到小程序。
​5、版本回退,在微信公眾平台>版本管理>線上版本中點擊版本回退(將會保存近5次提交的版本),選擇想回退的版本並確定。