天天看點

微信公衆平台小程式開發教程

如果是遊客模式,可以跳過本步驟

微信公衆平台小程式開發教程

注意:如果我們不是用注冊時綁定的管理者微信号,在手機上體驗該小程式。那麼我們還需要操作“綁定開發者”。即在“使用者身份”-“開發者”子產品,綁定上需要體驗該小程式的微信号。本教程預設注冊帳号、體驗都是使用管理者微信号。

​ 開發者工具安裝完成後,打開并使用微信掃碼登入。選擇建立“項目”,填入上文擷取到的 AppID ,設定一個本地項目的名稱(非小程式名稱),比如“我的第一個項目”,并選擇一個本地的檔案夾作為代碼存儲的目錄,點選“建立項目”就可以了。

​ 為友善初學者了解微信小程式的基本代碼結構,在建立過程中,如果選擇的本地檔案夾是個空檔案夾,開發者工具會提示,是否需要建立一個 quick start 項目。選擇“是”,開發者工具會幫助我們在開發目錄裡生成一個簡單的 demo。

微信公衆平台小程式開發教程

​ 項目建立成功後,我們就可以點選該項目,進入并看到完整的開發者工具界面,點選左側導航,在“編輯”裡可以檢視和編輯我們的代碼,在“調試”裡可以測試代碼并模拟小程式在微信用戶端效果,在“項目”裡可以發送到手機裡預覽實際效果。

​ 下面我們簡單了解這三個檔案的功能,友善修改以及從頭開發自己的微信小程式。

​ app.json 是對整個小程式的全局配置。我們可以在這個檔案中配置小程式是由哪些頁面組成,配置小程式的視窗