小程式開發流程是什麼?

不言
發布: 2020-09-09 11:00:20
原創
98966 人瀏覽過

小程式開發流程是什麼?

相關學習推薦:小程式開發教學課程

#小程式的開發流程如下:

1、註冊微信小程式帳號

依照文件指引,咱們得先註冊一個微信下程式的帳號,存取位址(https://mp. weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN),選擇“小程式”,按要求填寫相關資訊即可完成微信小程式的註冊。 (ps:微信嚴格區分個人公眾號碼與小程序,因此微信小程序的註冊郵箱不可以與微信個人公眾號的郵箱相同)

2、獲取微信小程序的AppID

註冊完成後登錄,就可以在網站的「設定」-「開發者設定」中,查看到微信小程式的AppID 了,注意不可直接使用服務號碼或訂閱號碼的AppID 。

3、下載微信小程式開發者工具

由於微信小程式的程式碼及規格相對封閉,因此按照微信官方的說法,為了幫助開發者簡單和有效率地開發微信小程序,推出了全新的開發者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),整合了開發調試、程式碼編輯及程序發布等功能。

4、開始建立小程式專案

我們需要透過開發者工具,來完成小程式建立和程式碼編輯。

開發者工具安裝完成後,開啟並使用微信掃碼登入。選擇建立“專案”,填入上文取得到的AppID ,設定一個本機專案的名稱(非小程式名稱),例如“我的第一個專案”,並選擇一個本機的資料夾作為程式碼儲存的目錄,點選「新建項目」就可以了。

為方便初學者了解微信小程式的基本程式碼結構,在建立過程中,如果選擇的本機資料夾是個空資料夾,開發者工具會提示,是否需要建立一個 quick start 專案。選擇“是”,開發者工具會幫助我們在開發目錄中產生一個簡單的 demo。

專案創建成功後,我們就可以點擊該項目,進入並看到完整的開發者工具介面,點擊左側導航,在「編輯」裡可以查看和編輯我們的程式碼,在「調試」裡可以測試程式碼並模擬小程式在微信客戶端效果,在「專案」裡可以發送到手機裡預覽實際效果。

5、程式碼上傳

開發者工具左側選單列選擇"專案",點擊"上傳"即可將程式碼上傳到微信小程式伺服器。

6、小程式發布

登入微信公眾平台並造訪小程式首頁(https://mp.weixin.qq.com/wxopen/initprofile?action =home&lang=zh_CN),依要求完成第1步,填寫小程式相關資訊及使用者識別資訊(暫時可綁定5個開發者和10個體驗者),然後點選第2步「前往發布」按鈕,按要求填寫小程式相關資訊及版本資訊即可提交審核。

以上是小程式開發流程是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板