微信開發者工具如何使用?具體哪些步驟
微信開發者工具一般由于小程序包的上傳與發布。
但是由于技術的發展,一些智能型平臺已經實現與第三方平臺接口對接,已實現一鍵發布,告別通過開發者工具進行傳輸。但為了小部分的需求者學習,使用開發者工具發布小程序的教程,我將它們附在結尾。
在鳴蟬建站上平臺已升級微信小程序打包方式,可以不再使用微信小程序工具進行上傳,直接在后臺即可同步至微信小程序后臺。
第1步:打包小程序。
第2步:上傳小程序密鑰配置白名單,具體配置說明,可以點擊參考系統提供的“如何獲取”查看詳細的說明文檔教程。
第3步:一鍵上傳至微信公眾平臺,不再需要通過工具上傳。
第4步:登錄微信公眾平臺,提交代碼審核發布即可。
該平臺直接跳過開發者工具的使用,簡化小程序制作與發布的流程,適合新手與小白的快速學習和搭建自己的小程序。那么,在一些特殊情況不得不使用開發者工具進行發布,應該如何去正確使用它們?附上步驟教程。
1、到官方文檔小程序工具欄目,下載開發者工具軟件到桌面。其實也可以直接網頁搜索“微信開發者工具”,認準微信網頁進行 點擊下載 。
2、在電腦桌面安裝后,掃碼登錄,點擊導入項目,并填寫APPID,ID信息可在騰訊小程序賬號后臺設置-開發者設置里進行查看。
3、在導入項目后,軟件會自動進入開發者界面,在預覽小程序沒有問題后,點擊右上角發布按鈕,即可上傳發布。
4、登錄騰訊小程序后臺,點擊提交審核,在審核通過后,點擊發布上線。
微信小程序發布完成后,我們可以通過掃描二維碼、搜一搜和綁定公眾號進行快速找到和使用它。
微信開發者工具怎么使用
1、下載微信web開發工具,直接雙擊下載安裝好的程序。
2、彈出類似的登陸窗口,用自己的手機微信掃描二維碼。
3、掃描之后,手機端微信會出現提示,是否確認登陸,手機端點擊確認登陸就行。
4、點擊確認登陸之后,電腦端就會自動識別登錄成功,會出現小程序和公眾號選擇的窗口
5、就拿公眾號為主,點擊右邊公眾號,就會出現調試界面。
6、輸入對應內部測試公眾號的網址就可以進行相關調試。
7、之后在右邊的控制臺,就會出現相應的代碼,可以在里面debug進行調試。
微信開發者工具無法啟動、黑屏解決辦法
微信小程序開發工具怎么使用
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 中的默認配置。
微信開發者工具怎么關掉csp
本文發布于:2023-02-28 19:51:00,感謝您對本站的認可!
本文鏈接:http://www.newhan.cn/zhishi/a/167763834672356.html
版權聲明:本站內容均來自互聯網,僅供演示用,請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系,我們將在24小時內刪除。
本文word下載地址:微信開發者工具.doc
本文 PDF 下載地址:微信開發者工具.pdf
| 留言與評論(共有 0 條評論) |