針對(duì)開發(fā)人員的需要，本站匯總了微信小程序開發(fā)者工具使用教程和常見問題，幫助大家快速掌握和使用！

微信小程序開發(fā)者工具下載教程

微信小程序開發(fā)者工具創(chuàng)建小程序項(xiàng)目教程

微信小程序開發(fā)者工具導(dǎo)入小程序項(xiàng)目

微信小程序開發(fā)者工具主界面功能介紹

除了官方推出的微信小程序開發(fā)者工具，開發(fā)人員也可以使用小程序第三方開發(fā)工具開發(fā)和調(diào)式小程序。

微信小程序開發(fā)者工具怎么使用及常見問題最先出現(xiàn)在微信小程序觀察網(wǎng)。

微信開發(fā)者官方交流沙龍（廣州站）活動(dòng)報(bào)名中最先出現(xiàn)在微信小程序觀察網(wǎng)。

首先，即速應(yīng)用小程序平臺(tái)是一個(gè)收費(fèi)平臺(tái)，注冊(cè)可享受7天試用權(quán)益，試用期內(nèi)可以通過該平臺(tái)自己搭建想要的小程序，同時(shí)支持100+行業(yè)的模板。小編認(rèn)為，對(duì)于零基礎(chǔ)小程序開發(fā)者或商家，7天的試用體驗(yàn)到什么樣的程度，不好說。

重點(diǎn)來介紹下即速應(yīng)用小程序的制作流程復(fù)雜不復(fù)雜呢？說實(shí)話，小編覺得還是比較方便的，既可以直接選擇空白模板自己搭建，也可以選擇具體行業(yè)的具體模板然后在基礎(chǔ)上進(jìn)一步添加組件功能，目前免費(fèi)可以使用的功能組件有30多種，支持可視化拖拽。

在小編對(duì)即速應(yīng)用小程序的體驗(yàn)過程中，整體來說難度不大。但在最后一步可能有點(diǎn)難度，那就是在即速應(yīng)用小程序編輯好小程序樣式和功能后，生成小程序代碼，然后提交到微信官方后臺(tái)的開發(fā)者工具里，這點(diǎn)對(duì)于商家來說不一定能快速掌握，好在官方也提供了相應(yīng)教程。

小程序觀察網(wǎng)體驗(yàn)了一把即速應(yīng)用小程序制作開發(fā)工具的使用，要說即速應(yīng)用小程序怎么樣？只能說它和其他第三方小程序制作開發(fā)工具相差不大，當(dāng)然也有它自己的一些特色，有興趣的朋友當(dāng)然可以去免費(fèi)體驗(yàn)下。

即速應(yīng)用小程序?qū)τ诹慊A(chǔ)的小程序開發(fā)者來說比較簡(jiǎn)單，不過如果是商家想做一個(gè)商城小程序，小編認(rèn)為既然同樣是收費(fèi)，不如多對(duì)比對(duì)比小程序服務(wù)商，比如專門的零售小程序服務(wù)商，這類服務(wù)商同樣是提供行業(yè)模板和各類營(yíng)銷功能，關(guān)鍵是直接授權(quán)就可以發(fā)布使用，沒有太多的復(fù)雜流程，還有最重要的就是性價(jià)比，性價(jià)比，性價(jià)比！

下面小程序觀察網(wǎng)給大家整理了即速應(yīng)用小程序的使用教程，有興趣去體驗(yàn)的朋友可以參考下：

1、訪問即速應(yīng)用官網(wǎng)www.jisuapp.cn，點(diǎn)擊導(dǎo)航欄的“制作”，開始制作（沒有賬號(hào)的先注冊(cè)下賬號(hào)）；

2、可以選擇“空白模板”從零開始搭配風(fēng)格，也可以直接選擇行業(yè)主題模板快速創(chuàng)作；

3、進(jìn)入制作界面后，可以看到頁(yè)面分組和頁(yè)面屬性，點(diǎn)擊“組件庫(kù)”，開始搭建頁(yè)面。

4、即速應(yīng)用提供的組件比較多，都可以直接拖拽使用。 根據(jù)自己的需求選擇組件來搭建頁(yè)面，每個(gè)組件的文字和圖片內(nèi)容都是可以自己編輯的。

5、頁(yè)面編輯好后，并給每個(gè)頁(yè)面做好跳轉(zhuǎn)，先預(yù)覽確保邏輯無誤，再點(diǎn)擊右上角的“保存”，然后點(diǎn)擊“生成”即可。

6、跳轉(zhuǎn)頁(yè)面后，再次點(diǎn)擊“發(fā)布”即可生成。

7、點(diǎn)擊“小程序打包”，生成小程序的代碼。打包下載后，就可以直接上傳到微信官方后臺(tái)的開發(fā)者工具里，與小程序?qū)蛹纯伞?/p>

即速應(yīng)用小程序怎么樣（附使用教程）最先出現(xiàn)在微信小程序觀察網(wǎng)。

1、訪問微信公眾平臺(tái)，下拉到底部的“賬號(hào)分類”里，點(diǎn)擊小程序詳情，再下拉到“開發(fā)支持”，點(diǎn)擊“開發(fā)者工具”；

2、點(diǎn)擊左側(cè)的“下載”，進(jìn)入下載頁(yè)面；

3、根據(jù)電腦的windows版本選擇合適的版本下載，然后就和一般的軟件一樣正常安裝即可。

注：直達(dá)下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序開發(fā)者工具怎么下載教程最先出現(xiàn)在微信小程序觀察網(wǎng)。

（排名部分先后，持續(xù)更新中！）

1、意派Coolsite360

簡(jiǎn)介：意派Coolsite360是由上海意派科技研發(fā)運(yùn)營(yíng)的一個(gè)專業(yè)的微信小程序可視化設(shè)計(jì)工具，集成了小程序所有組件，可以在線進(jìn)行小程序UI設(shè)計(jì)，支持Flex布局，可直接導(dǎo)出符合小程序標(biāo)準(zhǔn)的代碼供后續(xù)開發(fā)。

優(yōu)點(diǎn)：集成微信小程序組件、預(yù)置微信設(shè)計(jì)規(guī)范、支持Flex布局、可視化的樣式設(shè)置、支持動(dòng)畫/交互觸發(fā)設(shè)定、實(shí)時(shí)手機(jī)預(yù)覽小程序設(shè)計(jì)、一鍵導(dǎo)出小程序代碼、支持自定義組件擴(kuò)展屬性。

缺點(diǎn)：小程序功能較為簡(jiǎn)單，復(fù)雜的功能仍然需要程序員二次開發(fā)。

2、即速應(yīng)用

簡(jiǎn)介：即速應(yīng)用是一款無需代碼即可一鍵生成的第三方微信小程序開發(fā)工具，功能非常強(qiáng)大，即使是不懂編程的小白，也可以快速上手，因?yàn)榧此賾?yīng)用已經(jīng)把需要代碼的部分都已經(jīng)做好了，直接通過管理后臺(tái)去搭配制作就行。

優(yōu)點(diǎn)：可視化操作，直接拖拽組件生成小程序頁(yè)面、提供大量可套用的模板、可將代碼打包下載，直接對(duì)接到小程序的開發(fā)工具。

缺點(diǎn)：電商小程序模板居多，其他類別的模板較少

以上整理分享的都易上手，功能強(qiáng)大的第三方微信小程序開發(fā)工具。如果你對(duì)編程了解的不多，又想自己搭建一個(gè)微信小程序出來，不妨試試這些開發(fā)工具吧！

微信小程序第三方開發(fā)工具有哪些（持續(xù)更新中）最先出現(xiàn)在微信小程序觀察網(wǎng)。

WebStorm小程序開發(fā)工具優(yōu)點(diǎn)：

有插件可以實(shí)現(xiàn)代碼高亮，代碼提示等功能

有非常成熟和豐富的功能

各種快捷鍵

WebStorm小程序開發(fā)工具缺點(diǎn)：

無法調(diào)試預(yù)覽

功能比較多、比較臃腫

不過使用WebStorm開發(fā)微信小程序前，我們還是要對(duì)其稍微配置下的：

1、打開設(shè)置，依次File（文件）—Settiing（設(shè)置）；

2、然后在設(shè)置菜單依次找到Editor（編輯器）—文件類型，選中Cascading Style Sheet，然后在圖示的綠色“+”處點(diǎn)添加，在對(duì)話框中輸入*.wxss，點(diǎn)擊確定.wxss的配置完成；

3、繼續(xù)按照步驟2的流程選中Html，在對(duì)話框中輸入*.wxml，點(diǎn)擊確定即可配置wxml；

這樣，WebStorm編輯器對(duì)wxml和wxss的支持非常友好，可以開始開發(fā)微信小程序啦！

WebStorm開發(fā)微信小程序工具介紹最先出現(xiàn)在微信小程序觀察網(wǎng)。

相關(guān)推薦：微信小程序開發(fā)工具大全

微信開發(fā)者工具 1.02.1905081 更新最先出現(xiàn)在微信小程序觀察網(wǎng)。

HTTP調(diào)用可以通過檢查用戶目錄下端口文件是否有端口文件及嘗試連接來判斷工具是否安裝/啟動(dòng)。

端口文件位置：

macOS : ~/Library/Application Support/微信web開發(fā)者工具/Default/.ide

Windows : ~/AppData/Local/微信web開發(fā)者工具/User Data/Default/.ide

1.打開工具

接口定義：

URL： /open

HTTP 方法: GET

URL 參數(shù)必填說明

projectpath否打開指定路徑中的項(xiàng)目。如項(xiàng)目已打開，自動(dòng)刷新項(xiàng)目。如項(xiàng)目未創(chuàng)建，自動(dòng)創(chuàng)建并打開項(xiàng)目

示例：

# 打開工具

http://127.0.0.1:端口號(hào)/open# 打開/刷新項(xiàng)目

http://127.0.0.1:端口號(hào)/open?projectpath=項(xiàng)目全路徑

注意：

項(xiàng)目路徑中必須含正確格式的 project.config.json 且其中有 appid 和 projectname 字段。

項(xiàng)目路徑需經(jīng) URL encode

2. 登錄

接口定義：

URL：/login

HTTP 方法：GET

URL 參數(shù)必填說明

format否指定登錄二維碼返回格式，可選值有 image、base64、terminal，默認(rèn) image。圖片格式為 png

qroutput否指定文件路徑，在文件寫入二維碼數(shù)據(jù)。如指定，二維碼將被寫入指定路徑的文件內(nèi)，如未指定，二維碼將作為請(qǐng)求相應(yīng)體返回

resultoutput否指定輸出登錄結(jié)果文件路徑

示例：

# 登錄，返回圖片格式的二維碼

http://127.0.0.1:端口號(hào)/login# 登錄，取 base64 格式二維碼

http://127.0.0.1:端口號(hào)/login?format=base64# 登錄，取 base64 格式二維碼，并寫入 /Users/username/logincode.txt

http://127.0.0.1:端口號(hào)/login?format=base64&qroutput=%2FUsers%2Fusername%2Flogincode.txt# 登錄，并寫入登錄結(jié)果到 /Users/username/loginresult.json

http://127.0.0.1:端口號(hào)/login?resultoutput=%2FUsers%2Fusername%2Floginresult.json

3. 預(yù)覽

接口定義：

URL：/preview

HTTP 方法：GET

URL 參數(shù)必填說明

projectpath是預(yù)覽指定路徑中的項(xiàng)目。如項(xiàng)目已打開，自動(dòng)刷新項(xiàng)目。如項(xiàng)目未創(chuàng)建，自動(dòng)創(chuàng)建并預(yù)覽項(xiàng)目

format否指定登錄二維碼返回格式，可選值有 image、base64、terminal，默認(rèn) image。圖片格式為 png

qroutput否指定文件路徑，在文件中寫入二維碼數(shù)據(jù)。如指定，二維碼將被寫入指定路徑的文件內(nèi)，如未指定，二維碼將作為請(qǐng)求相應(yīng)體返回

infooutput否指定后，會(huì)將本次預(yù)覽的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

compilecondition否指定自定義編譯條件，值為 json 字符串，條件可指定兩個(gè)字段，pathName 表示打開的頁(yè)面，不填表示首頁(yè)，query 表示頁(yè)面參數(shù)

示例：

# 預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，返回圖片格式的二維碼

http://127.0.0.1:端口號(hào)/preview?projectpath=%2FUsers%2Fusername%2Fdemo# 預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，返回 base64 格式的二維碼

http://127.0.0.1:端口號(hào)/preview?projectpath=%2FUsers%2Fusername%2Fdemo&format=base64# 預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，返回 base64 格式的二維碼，并寫入 /Users/username/logincode.txt

http://127.0.0.1:端口號(hào)/preview?projectpath=%2FUsers%2Fusername%2Fdemo&format=base64&qroutput=%2FUsers%2Fusername%2Flogincode.txt# 預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，返回圖片格式的二維碼，并將預(yù)覽信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號(hào)/preview?projectpath=%2FUsers%2Fusername%2Fdemo&infooutput=%2Users%2username%2info.json# 預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，指定自定義編譯條件，啟動(dòng)頁(yè)為 pages/index/index，參數(shù)為 x=1&y=2

http://127.0.0.1:端口號(hào)/preview?projectpath=%2FUsers%2Fusername%2Fdemo&compilecondition={“pathName”:”pages/index/index”,”query”:”a3=1″}

4. 上傳

接口定義：

URL：/upload

HTTP 方法：GET

URL 參數(shù)必填說明

projectpath是上傳指定路徑中的項(xiàng)目

version是版本號(hào)

desc否本次上傳的版本備注

infooutput否指定后，會(huì)將本次上傳的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

示例：

# 上傳路徑為 /Users/username/demo 的項(xiàng)目，指定版本號(hào)為 v1.0.0

http://127.0.0.1:端口號(hào)/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0# 上傳路徑為 /Users/username/demo 的項(xiàng)目，指定版本號(hào)為 v1.0.0，并帶上備注

http://127.0.0.1:端口號(hào)/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0&desc=test# 上傳路徑為 /Users/username/demo 的項(xiàng)目，指定版本號(hào)為 v1.0.0，并將上傳信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號(hào)/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0&infooutput=%2Users%2username%2info.json

5. 構(gòu)建 npm

接口定義：

URL：/buildnpm

HTTP 方法：GET

URL 參數(shù)必填說明

projectpath是上傳指定路徑中的項(xiàng)目

compiletype否編譯類型，miniprogram (默認(rèn)) 或 plugin

示例：

# 構(gòu)建路徑為 /Users/username/demo 的項(xiàng)目

http://127.0.0.1:端口號(hào)/buildnpm?projectpath=%2FUsers%2Fusername%2Fdemo&compiletype=miniprogram

6. 自動(dòng)化測(cè)試

接口定義：

URL：/test

HTTP 方法：GET

URL 參數(shù)必填說明

projectpath是測(cè)試指定路徑中的項(xiàng)目

示例：

# 提交路徑為 /Users/username/demo 的項(xiàng)目進(jìn)行測(cè)試

http://127.0.0.1:端口號(hào)/test?projectpath=%2FUsers%2Fusername%2Fdemo

請(qǐng)求響應(yīng)

正常情況下 HTTP 相應(yīng)狀態(tài)碼為 200，錯(cuò)誤時(shí) 400，返回如下格式的 JSON 字符串：

{

“code”: 40000,

“error”: “原因”

}

7. 自動(dòng)預(yù)覽

接口定義：

URL：/autopreview

HTTP 方法：GET

URL 參數(shù)必填說明

projectpath是指定路徑中的項(xiàng)目。如項(xiàng)目已打開，自動(dòng)刷新項(xiàng)目。如項(xiàng)目未創(chuàng)建，自動(dòng)創(chuàng)建并自動(dòng)預(yù)覽項(xiàng)目

infooutput否指定后，會(huì)將本次自動(dòng)預(yù)覽的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

示例：

# 自動(dòng)預(yù)覽路徑為 /Users/username/demo 的項(xiàng)目，返回圖片格式的二維碼，并將預(yù)覽信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號(hào)/autopreview?projectpath=%2FUsers%2Fusername%2Fdemo&infooutput=%2Users%2username%2info.json

以上就是HTTP調(diào)用具體介紹，希望以上的內(nèi)容，對(duì)大家有所幫助！

HTTP調(diào)用是什么最先出現(xiàn)在微信小程序觀察網(wǎng)。

一、微信小程序助手功能

微信小程序助手常見功能有版本查看、成員管理、基礎(chǔ)數(shù)據(jù)以及性能分析等功能；

①版本查看：主要可以查看線上版、體驗(yàn)版以及開發(fā)版，具體的還是看你的角色；

②成員管理：項(xiàng)目成員主要有開發(fā)者、運(yùn)營(yíng)者、基礎(chǔ)數(shù)據(jù)分析者以及交易數(shù)據(jù)分析者；

注：只有管理員才有新增或修改項(xiàng)目成員；

③基礎(chǔ)數(shù)據(jù)：可以看小程序數(shù)據(jù)概況、數(shù)據(jù)詳情（訪問人數(shù)、新訪問人數(shù)）、實(shí)時(shí)統(tǒng)計(jì)及用戶畫像等關(guān)鍵運(yùn)營(yíng)數(shù)據(jù)。

4 性能分析：可以監(jiān)控小程序啟動(dòng)總耗時(shí)、加載總耗時(shí)等基本性能指標(biāo)，幫助開發(fā)者分析性能數(shù)據(jù)，更好的優(yōu)化小程序用戶體驗(yàn)。

以上就是微信小程序助手功能的介紹，希望以上的內(nèi)容對(duì)大家有所幫助!

微信小程序助手功能有哪些最先出現(xiàn)在微信小程序觀察網(wǎng)。

1.申請(qǐng)微信小程序測(cè)試賬號(hào)

申請(qǐng)微信小程序測(cè)試號(hào)比較簡(jiǎn)單，訪問https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html頁(yè)面，管理員掃碼登錄就可以了。可以查看自己測(cè)試賬號(hào)信息。如圖所示：

2.創(chuàng)建微信小程序測(cè)試號(hào)項(xiàng)目

申請(qǐng)完微信小程序測(cè)試賬號(hào)之后，我們會(huì)得到測(cè)試號(hào)信息，接下來我們可以通過微信小程序開發(fā)工具中使用測(cè)試號(hào)信息創(chuàng)建項(xiàng)目進(jìn)行微信小程序開發(fā)。

具體流程：打開微信小程序開發(fā)工具-建立一個(gè)小程序項(xiàng)目-APPID?-就可以創(chuàng)建測(cè)試項(xiàng)目。如圖所示：

3.微信小程序測(cè)試號(hào)設(shè)置

微信小程序測(cè)試號(hào)設(shè)置：如果你想跳過網(wǎng)絡(luò)請(qǐng)求域名驗(yàn)證，你可以勾選設(shè)置里的不校驗(yàn)合法域名、web-view（業(yè)務(wù)域名）、TLS 版本以及 HTTPS 證書” 選項(xiàng)。

4.微信小程序測(cè)試號(hào)預(yù)覽功能

在工具欄里有預(yù)覽選項(xiàng)，點(diǎn)擊預(yù)覽，就可以體驗(yàn)真機(jī)預(yù)覽，在真機(jī)預(yù)覽過程中如果你想跳過網(wǎng)絡(luò)域名請(qǐng)求，可以點(diǎn)擊右上角，打開調(diào)試就可以了。

以上就是微信小程序測(cè)試號(hào)使用教程，希望對(duì)大家有所幫助！

微信小程序測(cè)試號(hào)使用教程最先出現(xiàn)在微信小程序觀察網(wǎng)。