小程序的發佈上線流程

序言

今天咱們來學習下小程序項目上線發佈的流程。咱們都知道，項目上線是要付費的，須要提供服務器與域名，開通正式環境來進行上線發佈，小程序的研發也是不例外的。不過呢，微信平臺提供了一個測試號的註冊，咱們能夠經過它實現測試環境的開通來供咱們體驗。接下來，咱們經過完成下面幾個步驟來實現測試環境與正式環境的開通。

測試環境的開通

測試環境，亦即騰訊雲後臺的開發環境。它的開通分爲兩個部分，申請測試號與代碼部署。申請測試號的步驟就很少說了，直接搜索測試號進行按照步驟進行註冊便可。重點來關注下開發環境是如何開通的。

後端代碼部署

開通環境，通常有這幾個流程，【關聯帳戶】-【關聯數據庫】-【上傳代碼】-【開通】。基於開發效率來說，後端代碼通常是基於騰訊雲的demo進行修改的。所以咱們只要將本地server的數據庫密碼修改以後，上傳代碼以後，直接開通就能夠了。

修改數據庫密碼

首先，咱們按照騰訊雲後臺的開通指南，完成數據庫密碼的更改。

其實在前面幾個章節已經進行了1,2,3等步驟的執行了，如今來看下如何修改數據庫密碼。在測試環境裏面，數據庫的密碼即是下次的AppID。找到【server】-【config.js】,將小程序的AppID設置爲數據庫的密碼。

mysql: {
        host: 'localhost',
        port: 3306,
        user: 'root',
        db: 'cAuth',
        pass: '小程序的AppID',
        char: 'utf8mb4'
    },
複製代碼

修改前端接口前綴

在修改數據庫密碼以後，咱們須要進行修改前端接口，將測試號裏面的域名複製下來，粘貼到mpvue初始化的項目裏，將全部請求的接口前綴更改成域名的地址。打開【微信開發者工具】-點擊右上角【詳情】-找到【域名信息】。

上傳代碼

在這個階段裏，微信開發者工具佔據着很大的優點，它能夠統一管理全部代碼的開發與部署。由於如今是要開通測試環境，所以選擇測試代碼上傳騰訊雲後臺便可。

因爲咱們是第一次上傳，咱們必須得進行模塊上傳，將node_modules之外的代碼都上傳以及部署後自動安裝依賴都給勾上。

上傳代碼以後呢，咱們看一下本身的騰訊雲後臺發現已經顯示了部署成功的相關信息，如今的測試環境就已經開通了。接下來就能夠進行項目的真機調試或者是我的的體驗了。

在最新的開發工具上，這個欄目被隱藏起來了，咱們須要在頂部找到【工具】-【工具欄管理】-【自定義工具】，將其勾選上，便可顯示在右上角了。

正式環境的開通

正式環境的開通實際上是真正具備產品發佈的時候才須要的，它跟跟測試環境的開通是沒有多大的區別，也是須要後端代碼的部署，上傳前端的代碼進行審覈的。只不過多了一些認證。

購買域名

進入【騰訊雲後臺】-點擊【生產環境】-點擊【node.js】，接着進行域名的配置。

購買服務器

在服務器配置上選擇本身須要的服務器，我的開發的話，咱們能夠選擇一個最便宜的服務器就好。

生產環境配置

點擊當即建立，付款以後，就開始配置生產環境的信息，這裏就須要進行專門的實名認證了。

實名認證

實名認證也就是在域名購買以後，上傳一些實名信息。包括身份證號、拍攝身份證照片等。

提交完成以後，咱們要進行提供域名的實名認證了。註冊人、聯繫人等須要填寫的信息都填好就能夠了。

部署完成以後，生產環境上也像部署開通環境的同樣的效果，只是多出來環境操做以及環境主機的信息。

後臺代碼部署

最後，若是想部署正式環境，咱們須要在微信開發者工具裏點擊上傳正式代碼

而後會彈出彈窗，輸入版本號，點擊肯定以後，就能夠在騰訊雲後臺點擊代碼上傳記錄查看是否上傳成功。
正式上線的部署須要點擊代碼部署，等待提示部署完畢，到這個時候呢，整個後臺的部署也就完成了。

前端部署

前端代碼的部署是很是簡單的，不須要太多的操做，直接在開發者工具上點擊【上傳】，填寫版本號後，等待上傳成功。

上傳成功以後，來到微信平臺的後臺點擊【開發管理】-【開發版本】。咱們也能夠選擇體驗版本簡單地體驗一下發布以前的效果。

點擊提交審覈，配置功能頁面，點擊提交審覈。

提交審覈以後，須要時間等待審覈，通常就是1-5天這樣的時間週期，而且會通知是否經過。

當審覈經過以後，就會出現咱們想要的線上版本，這樣就可以訪問咱們的小程序項目了。

結語

這一章節分享瞭如何上線發佈小程序項目，基本使用mpvue開發小程序的整個流程也就基本結束了。但願老鐵們能早日掌握小程序開發，掌握這一技能也是就任的加分項哦。

推薦文章

想高效開發小程序，mpvue瞭解下（一）
想高效開發小程序，mpvue瞭解下（二）
用mpvue實現一個簡單的demo
初探Mpvue的組件、樣式機制
用mpvue實現一個簡單的爬蟲
mpvue的城市定位

才華與信仰