『壹』 微信小程序開發工具怎麼使用
1、獲取微信小程序的 AppID
首先,我們需要擁有一個賬號,如果你能看到該文檔,我們應當已經邀請並為你創建好一個賬號。注意不可直接使用服務號或訂閱號的 AppID。 利用提供的賬號,登錄https://mp.weixin.qq.com,就可以在網站的「設置」-「開發者設置」中,查看到微信小程序的 AppID 了。
2、創建項目
我們需要通過開發者工具,來完成小程序創建和代碼編輯。開發者工具安裝完成後,打開並使用微信掃碼登錄。選擇創建「項目」,填入上文獲取到的 AppID,設置一個本地項目的名稱(非小程序名稱),比如「我的第一個項目」,並選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。
3、編寫代碼
點擊開發者工具左側導航的「編輯」,我們可以看到這個項目,已經初始化並包含了一些簡單的代碼文件。最關鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js 後綴的是腳本文件,.json 後綴的文件是配置文件,.wxss 後綴的是樣式表文件。微信小程序會讀取這些文件,並生成小程序實例。
4、創建頁面
每一個小程序頁面是由同路徑下同名的四個不同後綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 後綴的文件是腳本文件,.json 後綴的文件是配置文件,.wxss 後綴的是樣式表文件,.wxml 後綴的文件是頁面結構文件。
在這個小程序開發教程里,我們有兩個頁面,index 頁面和 logs 頁面,即歡迎頁和小程序啟動日誌的展示頁,他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。
頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。
index.json是頁面的配置文件,頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用app.json 中的默認配置。
『貳』 微信小程序開發工具使用步驟
1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台,找到右下方的小程序模塊,點擊「開發」按鈕
2、點擊頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」。可以看到,開發工具提供Windows32位、Windows64位和Mac三個版本。可根據實際情況,選擇適合自己電腦的開發工敗肢具。
3、安裝後,就可以直接啟動開發者工具。如果是首次啟動開發者工具,則需要使用開發者的微信號掃碼登錄。登陸後,點擊「添加項目」按鈕,填寫APPID(如果沒有,則點擊無APPID)和項目名稱。接著,在項目燃畢目錄中點擊「選擇」,新建一個文件夾作為新的項目目錄。然後再次點擊「添加項目」,就可以新建出一個微信小程序項目了。
4、微信小程序開發者工具共分成「編輯」、「調試」和「項目」三個部分。
編輯:編輯和修改小程序的代碼。
調試:顯示小程序代碼錯誤和警告,便於調試代碼錯誤。
項目:用於查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信伺服器。
開發工具還提供簡單的模擬器(頁面左側),開發者可以使用模擬器在電腦上模擬用戶點擊及使用,提供後台情況模擬、多媒體播放器調試、緩存數據處理等功能。
5、懂技術的程序員到這一步就可以自己開發了。而不懂編程的小白,可以登錄微信小程序開發平台「即速應用」官方網站進行小程序的製作。裡面有大量的小程序模板,根據自己的需求選擇一個模板進行製作即可。
6、製作完成後,點擊「生成按鈕」。然後選擇「察段世小程序打包」,下載小程序的標准代碼包。
7、回到在微信Web開發工具中,在「項目目錄」這一欄選擇下載好的代碼包,打開後就可以看到小程序的預覽效果了。
8、在「項目」頁面中,開發者可以查看小程序的基本屬性,也可以進行真機預覽調試,或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後,管理員就可以通過公眾平台,將新版本提交審核了。