新手如何製作小程序

來源:酷知科普網 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)正式發佈,在後臺直接發佈已審覈版本。

熱門標籤