``` 該文檔是在SaaS模式下，運營者發布一個公用的小程序模板，供所有商家用戶使用。 這里以《河馬點單》SaaS版小程序為例 ``` ## 第一步：使用 "HBuilderX" 工具打開模板源代碼 ``` 過程略... ``` ## 第二步：配置ext.json文件 ``` 只有SaaS模式下的微信小程序模板代碼，才有該配置文件。 所在位置路徑：/ext.json 打開如下圖 ```  **這里重點講解上圖紅框內的三個參數，其它參數配置請參考《微信開發文檔》** ``` api_url：接口域名，即您的站點域名，該域名必須安裝SSL證書支持https協議。 ``` ``` applet_id：為《創建小程序管理端》章節中，中創建的小程序管理端的applet_id ``` ``` extAppid：為《創建小程序管理端》章節中，授權綁定的小程序APP_ID，必須設置為“代開發小程序” ``` **強調說明** ``` APP_ID：為公眾平臺為每一個小程序提供的唯一編號。 applet_id：為該平臺（hemaPHP框架）為每一個小程序提供的管理端編號。 代開發小程序：只是一個身份，主要是用于在本地調試小程序模板的時候必須的， 如該小程序要發布上線小程序模板必須要取消設置“代開發小程序”的身份才能發布。 具體設置與取消“代開發小程序”請看《設置代開發小程序》章節。 ``` ## 第三步：配置/manifest.json文件 ``` 打開/manifest.json文件，如下圖 ```  ``` 上圖中的微信小程序AppId，同上一步ext.json文件配置的extAppid參數一至。 位置接口選中，即可 ``` ## 第四步：編譯調試 ``` 點擊工具菜單，運行->運行到小程序模擬器->微信開發者工具，即可自動編譯，并導入到微信開發者工具中運行。 此時在HBuilderX工具中對代碼進行的每一項修改，只要進行保存操作，都會重新編譯同步到微信開發者工具中。 兩個工具怎么關聯在一起可參考《搭建uni-app編譯環境》章節。 ``` **正常編譯后會調起“微信開發者工具”** ## 第五步：驗證ext.json參數配置是否正常 ``` 點擊調起的“微信開發者工具”右上角“詳情”按鈕， 打開如下圖： ```  ``` 看上圖兩個紅框 如出現了“平臺名”并且，AppId和上述ext.json與manifest.json這兩個文件中配置的小程序APP_ID參數一致，說明參數配置成功。 如果AppId不一致：請返回調整重新“運行編譯” 如果沒有出現“平臺名”：說明APP_ID不是“代開發小程序”，請參考《設置代開發小程序》章節配置。 ``` **如上述都沒有問題，編譯后出現如下圖提示**  ``` 出現上圖中的提示，請關閉所有的開發工具重新打開，重新編譯。 ``` ## 第六步：發布小程序模板代碼。 ``` 通過上述步驟，確定小程序運行無誤后，即可把該小程序代碼發布給商家使用。 點擊HBuilderX工具中菜單，發行->小程序-微信， 進入編譯并導入到微信開發者工具中打開。 點擊右上角“上傳”按鈕，如下圖，按照提示完成上傳即可。 ```  ``` 這里上傳的“小程序模板”，跟普通方式上傳的位置不一樣，看上圖中的提示， “代碼將上傳至第三方平臺的草稿箱”。 ``` ## HBuilderX的兩種編譯模式 ``` 通過上述操作，我們用到了，運行菜單和發行菜單，這里我們分別把他們取名如下 ``` **運行編譯** ``` 僅用在本地調試小程序代碼，在該工具中修改代碼后然后進行保存操作，會把修改結果自動編譯后反饋給小程序開發工具試試運行，運行編譯后的小程序代碼不能進行上傳發布。 ``` **發行編譯** ``` 僅用于編譯后上傳發布小程序，不能修改代碼進行調試，編譯后會減少冗余內容，壓縮代碼大小，生成符合發布要求的小程序代碼。 ```