新手如何製作小程式

來源:酷知科普網 6.13K

微信小程式已經火了一段時間了,小程式的應用場景(用完即走和二維碼分發等)還是很值得我們學習的,技術上面如果瞭解React的話,會發現他們在元件化上面有很多雷同之處。說白了,小程式就是基於微信平臺的H5輕應用,下面來示範如何製作一個小程式。

用微信公眾號快速建立小程式

(01)開啟微信公眾平臺,選擇左側選單欄 “小程式”序選項,之後選擇“小程式管理”,最後點選“快速註冊並認證小程式”

新手如何製作小程式

(02)確認快速建立小程式的流程,之後開始進行建立。

新手如何製作小程式 第2張

(03)選擇需要複用的資質快速建立小程式,第三個選項微信認證資質一定要選上,將複用公眾號認證資質完成的小程式,無需再次提交材料或支付費用,小程式認證到期時間與公眾號一致。

新手如何製作小程式 第3張

(04)填寫小程式賬號資訊,需要填寫未被微信公眾平臺註冊,未被微信開放平臺註冊,未被個人微信賬號繫結的郵箱,如果沒有郵箱,請重新註冊新的郵箱。填寫密碼和驗證碼之後提交。

新手如何製作小程式 第4張

(05)提交資訊之後,請登入郵箱啟用。

新手如何製作小程式 第5張

(06)點選郵箱裡的連結啟用之後,請填寫聯絡人資訊(聯絡人可以不是法人),填寫完資訊後,用管理員的微信掃二維碼確認,點選下一步。

新手如何製作小程式 第6張

(07)現在已經顯示小程式已完成註冊並認證,點選前往首頁。

新手如何製作小程式 第7張

(08)最後填寫小程式名稱,頭像、小程式介紹、選擇類目之後點選提交。小程式快速申請就已完成。

新手如何製作小程式 第8張

用微信開發者工具新建小程式專案並打包上傳教程

(01)下載並安裝軟體(根據自己電腦實際情況選擇版本安裝)

新手如何製作小程式 第9張

(02)新建一個小程式專案雙擊開啟桌面圖示,開啟新建一個小程式專案,這裡的專案目錄填寫春哥給你的小程式壓縮包解壓後的路徑,選擇即可,Appid填寫自己的,專案名稱隨便填,如下圖:

新手如何製作小程式 第10張

(03)修改配置檔案,對接上自己的網址(這個前提自己已經在伺服器上安裝了我們的程式)修改(這裡舉例,其他版本稍有區別)把資訊都改為你自己的,這個如何修改在我們的安裝說明裡有詳細說明,仔細看。

新手如何製作小程式 第11張

(04)測試除錯,旁邊的模擬器視窗可以實時預覽的,打包上傳。

新手如何製作小程式 第12張

(05)登入微信小程式後臺,開發管理,提交稽核,如下圖,稽核通過後會有通知。

新手如何製作小程式 第13張

(06)正式釋出,在後臺直接釋出已稽核版本。

熱門標籤