微信小程式開發步驟的簡單介紹

黄舟
發布: 2017-05-07 13:31:28
原創
2604 人瀏覽過

微信應用程式號碼(小程序,【應用號碼】的新稱呼)終於來了!想必大家都關心應用號碼的最終型態到底是什麼樣子?要如何將一個【服務號】改造成【小程式】?

開始開發應用程式號碼之前,先看看官方公佈的【小程式】教學吧!微信小程式開發公司英趣科技帶你了解初步創建完成一個微信小程序,並可以在手機上體驗該小程序的實際效果。

1、取得微信小程式開發的AppID

首先,我們需要擁有一個帳號,如果你能看到該文檔,我們應當已經邀請並為你創建好一個帳號。注意不可直接使用服務號碼或訂閱號碼的AppID。利用提供的帳號,登入微信官網,就可以在網站的【設定】-【開發者設定】中,查看到微信小程式開發的AppID了。

2、建立專案

我們需要透過開發者工具,來完成小程式建立和程式碼編輯。開發者工具安裝完成後,開啟並使用微信掃碼登入。選擇建立【專案】,填入上文取得到的AppID,設定一個本機專案的名稱(非小程式名稱),並選擇一個本機的資料夾作為程式碼儲存的目錄,點選【新建專案】就可以了。

3、編寫程式碼

點擊開發者工具左側導航的【編輯】,我們可以看到這個項目,已經初始化並包含了一些簡單的程式碼文件。最關鍵也是不可或缺的,是app.js、app.json、app.wxss這三個。其中,.js後綴的是腳本文件,.json後綴的文件是設定檔,.wxss後綴的是樣式表檔。微信小程式開發會讀取這些文件,並產生小程式實例。

4、建立頁面

在這個教學裡,我們有兩個頁面,index頁面和logs頁面,即歡迎頁和小程式啟動日誌的展示頁,他們都在pages目錄下。微信小程式開發中的每一個頁面的【路徑+頁面名稱】都需要寫在app.json的pages中,而pages中的第一個頁面是小程式的首頁。

5、手機預覽

開發者工具左側選單列選擇【專案】,點選【預覽】,掃碼後即可在微信客戶端中體驗。目前,預覽和上傳功能尚無法實現,需要等待微信官方的下一步更新

微信官方給出的開髮指南還非常簡單,很多細節、程式碼和功能都沒有明確的展示,所以具體的微信小程式開發步驟需開發者認真學習與實作。

以上是微信小程式開發步驟的簡單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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