怎樣制作小程序

登錄微信小程序開發工具「即速應用，進入制作界面。

1、在眾多行業模板中，選擇一個合適的模板或直接使用空白模板。在模板的基礎上進行簡單編輯和個性化制作。

2、選擇一個合適的模板進入后，根據自己產品的，相應替換一些圖片、文字和布局上的微調。

3、之后直接點擊“發布”并補充小程序信息，制作完成后，將代碼一鍵打包到并下載。

4、詳細閱讀開發者文檔并進入下載頁面，下載開發者工具。查看開發教程，上傳代碼包到“微信小程序開發工具”，提交到微信公眾平臺，發布小程序

小程序開發是免費的，但是很多用戶是沒有開發能力的，那么就需要外包給小程序開發的公司協助開發小程序。

制作小程序所需材料:

身份證，郵箱，手機號碼，營業執照，已認證的服務號或訂閱號，小程序源碼。

【第一步】注冊小程序賬號與登陸開發工具

登陸微信公眾平臺申請注冊小程序賬號，根據提示逐步填寫信息，最后提交注冊。

注冊成功，登陸微信公眾平臺后，在公眾平臺首頁左邊列表點擊設置，設置中就能看到小程序情況，包括認證，小程序信息以及小程序開發管理。

小程序開發管理能夠看到:AppID與微信web開發者工具，點擊開發者工具進行下載。

【第二步】組建小程序框架與組建APl接口

打開開發者工具添加Appld及創建項目，系統會生成小程序簡單的dome，也就是小程序的框架。

框架左邊會有三個目錄，我們點來左邊最下面的目錄會有以下三個細類: app.js/app.json/app.wxss，而小程序頁面構成會有四個不同的后綴文件組成。

小程序每個頁面都需寫在json的pages里面，而pages就是小程序的首頁。

開發工具里面有許多組件，主要組件分為以下幾種:基礎內容，操作反饋，視圖容器，導航地圖。組件主要是通過wxml來進行基礎內容進行布局，而修改則需要通過wxss修改形式。更多的組件和使用方法可以查看官方文檔。

APl主要是網絡，媒體，數據，位置，設備以及開發接口的對接，網絡請求需要登錄小程序賬號設置層面，設置好訪問域名。其它APl的使用方法在官方文檔-APl可以查看。

【第四步】編譯運行

當我們把框架，組件配置，APl接口這三方面配置好后就可以在模擬器運行。同時在項目中點擊自己搭建的項目就會生成一個二維碼就可以在手機查看實際效果。確認無誤后即可發布小程序。

大家好！本次教程將教大家如何利用已有的模板來制作小程序！“以資訊展示公司”為例，讓新手快速制作小程序！

一、制作首頁

1.首先注冊登入速成應用：www.suchengapp.com ，進入到“小程序模板”頁面，選擇“互聯網科技公司展示”小程序模板，點擊“使用”開始制作，并填寫相關的小程序名稱，上傳小程序封面圖；

2.下面開始來制作首頁，我們從上到下來制作；首先是輪播圖，使用的是“輪播”組件，選中輪播圖，點擊“管理輪播圖分組”，可以進入后臺更換為自己已經剪切好的圖，輪播圖的尺寸大小要求是：750像素*300像素；

在添加圖片的同時，可以設置好圖片的分組、設置“頁面跳轉”（點擊即可跳轉至XX頁面）、“調用功能”（點擊即可撥打電話、領取優惠券等）

3.輪播圖制作完以后，接下來是圖片部分，使用了“基礎”欄目下“圖片列表”組件，選中圖片列表，點擊”更換圖片“即可更換為自己已經準備好的圖片，圖片的尺寸是：372像素*294像素左右；同樣可設置頁面跳轉和功能設置；

4、再往下是“基礎”欄目下“圖片”組件，設置方法與“圖片列表”組件類似，點擊選中更換圖片，再點擊“事件”設置“頁面”及“功能

5、值得一提的是如果圖片調用的“功能”是“文章綁定”，則點擊“修改文章”-“添加文章”進入后臺文章列表中增加新文章或者修改文章后，回到前臺綁定數據

6.最后是底部導航的設置，使用到的是“基礎”欄目下“底部導航”組件，點擊“更換圖片”可以更換為自己的圖片；也可進行“頁面”跳轉設置和“功能”設置；

二、制作“資訊”頁面

1.首先設置視頻，使用的是“其他”欄目下“視頻”組件，點擊組件更換源文件鏈接，如果不知道如何獲得源文件鏈接，點擊紅字“如何獲取視頻源文件鏈接”獲取方法

2.接下來點擊“基礎”欄目下“動態文章”組件，點擊“管理對象”即可進入后臺添加文章分類并編輯文章，文章寫好后，回到前臺綁定數據

三、制作好小程序后，點擊右上角”保存“，然后點擊“預覽”，即可在網頁端進行預覽。

四、小程序打包

當我們制作好一個完整的小程序以后，發布后就要對小程序項目進行代碼打包。（下面以“互聯網科技公司展示”這個小程序為例）在速成應用平臺制作好小程序，并且預覽無誤以后，便可以點擊”編輯“頁面右上角的“發布”，然后選擇“小程序打包”，填寫相關信息

備注：這里的“小程序ID”和”小程序密鑰“需要登錄到小程序的后臺的開發設置處查找；登錄到小程序后臺，需要小程序管理員用手“”機微信掃碼確認登錄，然后選擇“設置”中的“開發設置”，在小程序密鑰一欄的右邊點擊“生成”即可，然后將小程序ID和小程序密鑰填入到編輯頁面德 “打包小程序”信息欄中，然后點擊“立刻打包”即可