繼續為大家介紹極限工坊微信小程式的後臺功能，今天介紹後臺中的小程式製作功能。

小程式製作功能：小程式釋出、模板市場、萬能頁面、支付配置、生成模板等五個小功能。

1、小程式釋出

一、點選小程式釋出，掃描二維碼即可將小程式授權給本平臺；

二、授權成功後將進入如下頁面：

（1）正上方分別是小程式體驗二維碼和正式二維碼；

（2）右上角可新增小程式體驗者；

（3）小程式開發完成後需點選一鍵上傳程式碼；

（4）點選提交稽核可將已經上傳的小程式程式碼提交給微信官方稽核；

（5）點選立即釋出可將最近一個通過稽核的小程式釋出上線；

（6）重新授權在授權丟失後使用（一般不要使用）；

（7）取消授權後，小程式將解除與本平臺的繫結，小程式功能全部丟失（不要使用）;

小程式製作中小程式業務域名功能

由於微信開放平臺業務域名驗證功能是近期增加的，所以早期繫結微信開放平臺的預設沒有這個功能。如需正常使用此功能，在微信開放平臺修改，增加業務域名驗證即可。

2、模板市場

（1）模板市場為大家提供了豐富的小程式模板，可點選分類篩選自己想要的小程式模板；

（2）點選立即使用模板後會立即進入小程式裝修頁面並在下程式製作-萬能頁面處新生成一條頁面資訊：

（3）如果是第一次使用平臺，使用模板後系統會將此模板自動設為首頁，如果不是第一次使用，需要手動將此頁面設為首頁，方可同步為線上版本（簡而言之，設為首頁的即為小程式線上顯示版本）。

3、萬能頁面

一、頁面管理

功能簡介：頁面即為小程式頁面，在萬能頁面這裡，可以新建多個小程式頁面

使用說明：

（1）輸入頁面名稱，頁面描述，點選下一步即可成功建立小程式頁面；

（2）設為首頁：

A、首次新建的頁面將自動設為首頁（首頁頁面左邊有紅色小房子標識）;

B、設為首頁的頁面將只有小程式裝修選單（沒有設為首頁和刪除，設為首頁的頁面不可刪除）；

C、小程式設為首頁後將及時同步為線上版本；

二、小程式裝修

功能簡介：小程式裝修即通過元件拖拽的方式對小程式進行裝修設計工作；

注意事項：

（1）如裝修頁面拖拽沒反應，系網路問題，重新整理頁面即可；

（2）小程式拖拽裝修對瀏覽器要求較高，必須使用谷歌核心瀏覽器（支援：谷歌，搜狗，火狐，2345瀏覽器；不支援：360，IE等低核心瀏覽器）；

（3）豐富元件：系統提供了近30多種豐富的元件，可滿足各行業小程式設計要求，更多元件，不斷開發中；

（4）每種元件的詳細使用方法參見：小程式元件使用教程詳解。

三、小程式選單

①新版選單設定在：小程式製作-萬能頁面-小程式裝修-中間手機框底部

②新版系統小程式選單可突破官方諸多限制，實現以下突出特性：

（1）舊版小程式選單每次修改都要重新下載釋出，操作很麻煩，新版選單無論修改任何內容（圖片，文字，連結）都會在小程式端同步生效；

（2）新版選單突破連結不能帶引數的限制，可實現任意連結，一鍵導航，一鍵撥號，小程式內頁等豐富功能，操作方便，功能應有盡有。

③小程式選單使用教程：

（1）在 小程式製作-萬能頁面-小程式裝修-中間手機框底部找到選單並點選，右側會出現選單編輯框，系統預設顯示（首頁，分類，購物車，我的）四個選單，可在右側編輯框進行修改；

（2）右側頂部為小程式主題顏色設定（含小程式選中文字顏色和小程式頂部標題顏色），隨意選一種顏色即可（必須選擇，如不選，小程式端則會報錯），如果需要更多配色，在底部自定義顏色處寫上顏色程式碼即可；

（3）右側中間部分為小程式圖示設定，選單名稱設定和選單跳轉連結設定：

點選圖示可修改圖片（後期我們將提供圖示庫，可直接選擇使用），在名稱處可修改選單名稱，點選選擇連結可在功能庫選擇任意想要跳轉的連結。

四、小程式元件使用教程詳解

元件使用方法：

（1）將左側元件庫中的元件拖拽到中間手機框即可（如拖拽沒反應，重新整理當前頁面即可）；

（2）商品，文章，預約，門店，電話，拼團，秒殺元件需要在左側對應導航選單新增相應功能設定後方可使用，其他元件直接在最右側配置相關資訊，儲存後即可生效；

（3）新版圖片類元件高度均已實現自適應（除三四方圖），可盡情使用。

元件使用教程：

（1）幻燈片元件：自帶四種幻燈片樣式任意選擇，最多可加十張幻燈片，拖拽可實現排序，點選圖片可對圖片進行修改，點選選擇連結可新增功能庫中自己想要的連結，設定好儲存後小程式端立即同步生效。

（2）功能區元件：自帶三種功能區樣式，可新增數十種導航，拖拽可自由排序，設定好儲存後小程式端立即同步生效。

（3）導航元件：使用次數最多的元件，點選圖示可進行圖示修改，預設一排四個，可新增多個導航，點選選擇連結可新增功能庫中自己想要的連結，設定好儲存後小程式端立即同步生效。

（4）商品元件：商城類功能必備元件，貼心設計，自帶五種豐富樣式自由選擇，選擇商品時可使用自動選擇模式或手動選擇，自由設定商品顯示數量。（PS:使用商品元件需先在系統後臺左側導航-商城系統處先新增商品分類和商品，不新增顯示預設資料），設定好儲存後小程式端立即同步生效。

（5）文章元件：資訊新聞文章類功能必備元件，貼心設計，自帶四種豐富樣式自由選擇，選擇文章時可使用自動選擇模式或手動選擇，自由設定文章顯示數量。（PS:使用文章元件需先在系統後臺左側導航處先新增文章分類和文章，不新增顯示預設資料），設定好儲存後小程式端立即同步生效。

（6）標題欄元件：自帶五種豐富標題樣式自由選擇，設定好儲存後小程式端立即同步生效。（PS:標題連結名稱不設定將顯示null）

（7）搜尋元件：自帶三種搜尋樣式自由選擇，設定好儲存後小程式端立即同步生效。

（8）文字元件：輸入文字儲存後小程式端立即同步生效。（PS：文字可換行）

（9）分隔符元件：自帶三種分隔符樣式自由選擇，選擇好儲存後小程式端立即同步生效。

（10）圖文元件：自帶四種圖文樣式自由選擇，圖片可自由修改，圖片連結可選擇功能庫中連結，設定好儲存後小程式端立即同步生效。

（11）單圖元件：使用次數最多的元件，圖片隨意設定，圖片連結任意選擇圖片高度可實現自適應，只要有好的美工設計，就可以依託本模組設計出精美的小程式，支援功能庫所有連結，設定好儲存後小程式端立即同步生效。

（12）雙圖元件：增加設計展示的多樣性，支援功能庫所有連結，功能細節類似單獨元件，設定好儲存後小程式端立即同步生效。

（13）四圖元件：增加設計展示的多樣性，支援功能庫所有連結，功能細節類似單獨元件，設定好儲存後小程式端立即同步生效。

（14）三橫圖元件：可做三圖，六圖，九圖（九宮格），十二圖等多種用途，支援功能庫所有連結，功能細節類似單獨元件，設定好儲存後小程式端立即同步生效。

（15）四橫圖元件：可做四圖，八圖，十二圖，十六圖等多種用途，支援功能庫所有連結，功能細節類似單獨元件，設定好儲存後小程式端立即同步生效。

（16）預約元件：預約預定類功能必備元件，貼心設計，自帶兩種預約樣式自由選擇，選擇預約時可使用自動選擇模式或手動選擇，自由設定預約顯示數量。（PS:使用預約元件需先在系統後臺左側導航處先新增預約分類，服務專案，服務人員等資訊，不新增顯示預設資料），設定好儲存後小程式端立即同步生效。

（17）視訊元件：使用本元件可在小程式中實現視訊功能，設定預覽圖，填入小程式網址即可，設定好儲存後小程式端立即同步生效。說明：根據微信官方要求，視訊地址必須為絕對地址。

①可獲取騰訊視訊的絕對地址填入；

②可將視訊傳到七牛等平臺獲取絕對地址填入；

③視訊名稱不可為中文。

（18）地圖元件：使用本元件可在小程式中實現地圖功能，在下圖座標選擇處輸入詳細的地址，點選搜尋，之後用滑鼠移動藍色小圖示即可獲得經緯度資訊，點選儲存，小程式端即可同步生效。

PS：輸入地址搜尋後必須移動藍色小圖示，否則經緯度資訊將不顯示，儲存後小程式端地圖也將不顯示。

（19）公告元件：使用本元件可在小程式中實現公告功能，點選選擇圖片可修改圖示，文字部分可輸入公告文字內容，設定好儲存後小程式端立即同步生效。

（20）三方圖元件：增加小程式設計展示的多樣性，不支援（功能庫中的一鍵撥號，一鍵導航，小程式跳轉，內嵌網頁功能），圖片大小必須按系統指定尺寸設計，設定好儲存後小程式端立即同步生效。

PS：本功能刪除功能不易看見，滑鼠移動到上方藍色（2:1）部分可看到。

（21）四方圖元件：增加小程式設計展示的多樣性，不支援（功能庫中的一鍵撥號，一鍵導航，小程式跳轉，內嵌網頁功能），圖片大小必須按系統指定尺寸設計，設定好儲存後小程式端立即同步生效。

（22）留言元件：元件拖進去即可使用，無需設定，留言資訊在左側選單-留言反饋處檢視，設定好儲存後小程式端立即同步生效。

（23）門店元件：將元件拖進手機框，在後臺菜單-小程式設定-門店管理處新增商品，此處每個元件可選擇一個門店連結，設定好儲存後小程式端立即同步生效。

（24）富文字元件：我們的系統率先支援富文字元件，這是一個極為重要的元件。可以在此處新增任意圖片，文字，表情等，實現對文字的加粗，居住，換行等豐富功能。功能接近傳統編輯器，是小程式中的一項神器功能。使用富文字可設計出精美度更高的小程式，設定好儲存後小程式端立即同步生效。

（25）客服元件：將元件拖進手機框即可懸浮顯示，可修改背景顏色和圖示顏色，無需其他設定即可正常使用，設定好儲存後小程式端立即同步生效。

（26）電話元件：將元件拖進手機框即可懸浮顯示，可修改背景顏色和圖示顏色，設定手機號碼儲存後即可正常使用，設定好儲存後小程式端立即同步生效。

（27）拼團元件：將元件拖進手機框，在後臺菜單-營銷活動-拼團商品處新增商品，此處每個元件可選擇一個拼團商品，設定好儲存後小程式端立即同步生效。

（28）秒殺元件：將元件拖進手機框，在後臺菜單-營銷活動-秒殺商品處新增商品，此處每個元件可選擇一個秒殺商品，設定好儲存後小程式端立即同步生效。

五、功能庫連結使用教程詳解

如上圖，功能庫連結共有十一種大分類，若干小分類，在小程式元件（或選單）中可選擇本功能庫中的連結。

（1）功能連結：即常用連結，按需選擇使用即可

（2）分類連結：即商品分類連結

（3）分組連結：即商品分組連結

（4）文章分類：即文章分類連結

（5）商品連結：即單個商品連結

（6）文章連結：即單篇文章連結

（7）預約分類：即預約分類連結

（8）預約資訊：即預約詳細連結

（9）頁面連結：即小程式頁面連結，按需選擇使用即可（重要）

（10）小程式列表：關聯小程式跳轉功能，選擇可實現小程式相互跳轉

（11）網頁列表：關聯內嵌網頁功能，設定好業務域名後，選擇可實現小程式跳轉到單獨的網頁連結

4、線上支付配置

1.正確填寫各項配置即可，無需其他設定，小程式即可正常支付；

2.小程式Appid和APPsecret和小程式手動下載模式關聯，如果需要使用手動下載模式，此項必須正確配置，如果不需要，無需設定；

3.如果不需要支付資訊最後四項可不用設定；

4.如不需退款，最後兩項證書無需上傳；

5、手動下載

手動下載相比線上繫結釋出的優勢是：手動下載可以修改小程式程式碼，以滿足更豐富的需求。

（1）點選打包下載即可將完整的小程式程式碼包下載到本地;

（2）使用開發者工具上傳小程式即可；

（3）小程式開發工具最新版下載：

①安裝後圖標：

登入，用自己的微訊號，掃描後即可登入

②一定要正確填寫Appid，不要選無appid

注意，假如看不到效果，或者跳出這個錯誤

有可能是專案目錄選擇錯誤了，要選擇含以下檔案的目錄

③專案目錄選擇剛下載打包的目錄，點選新增專案，即可看到專案；

（如果提示無許可權，需要先到微信公眾小程式後臺新增開發者）

④如果進去一直顯示載入中，問題為未設定小程式域名，設定以後點選頂部的 設定-專案設定-域名資訊可檢查域名是否在列表中

（設定以後重新進去或重新整理）

⑤點預覽，可生成二維碼在手機上檢視

⑥開發完成以後，如果確定要上線，點選上傳

⑦上傳以後點 開發管理，會顯示待發布版本，釋出即可（需正確填寫經營範圍，否則會稽核失敗）

⑧至此，小程式順利釋出完成。

6、生成模板

（1）使用本功能可將設定好的小程式頁面生成模板，提供給其他使用者使用；

（2）使用本功能可實現小程式克隆（即如果有一個設計好的小程式，可快速設計一個一模一樣的小程式），使用方法為：將設計好的小程式頁面生成模板，在另一個使用者賬號中選擇剛生成的模板即可。

以上由極限工坊小程式提供總結，小程式對於使用者最大的優勢在於無需安裝，用完即走，節省手機記憶體。

我是淘小咖，一個專注於網際網路專案的寫手!