把项目从HBuilderX运行到微信开发者工具

客官°小女子只卖身不卖艺 2024-04-23 12:42 57阅读 0赞

*  在微信开发者工具中，找到自己的微信小程序的AppId，并复制：  
    ![在这里插入图片描述][409ea1af77624c6aba14e8350f0ba28d.png]
 *  在HBuilderX中，打开项目的manifest.json文件，填写自己的微信小程序的AppId：  
    ![在这里插入图片描述][934294c61a9d419fbda9b9a56c1c25e2.png]
 *  HBuilderX中，配置微信开发者工具的安装路径：  
    ![在这里插入图片描述][c185df4b418c48808e9c7abed371d36c.png]  
    ![在这里插入图片描述][49d751958ef54218b841f2a5c9820492.png]
 *  在微信开发者工具中，开启服务端口：  
    ![在这里插入图片描述][1e327d5d3a2e4773a5e69726b25f4d76.png]  
    ![在这里插入图片描述][d9927920cef94fc4a78164a38373f019.png]
 *  在 HBuilderX 中，将当前的uni-app项目编译之后，自动运行到微信开发者工具中：  
    ![在这里插入图片描述][7b8877b80b7c460eaa5b8f8f09b06d94.png]

![在这里插入图片描述][f82b1a2f5b25408eae9acf28e5a0f3c3.png]

*  在微信开发者工具中看到了效果：

![在这里插入图片描述][4777fe559c1a43f984b68ce19d879d14.png]

[409ea1af77624c6aba14e8350f0ba28d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/399877a8ff7f4e9aafe402da66a3796d.png
[934294c61a9d419fbda9b9a56c1c25e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/69ac7fafe3c54f9fa51045c8350167f6.png
[c185df4b418c48808e9c7abed371d36c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/7b7eed6f09444d76a7b3a940a4cdfb04.png
[49d751958ef54218b841f2a5c9820492.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/bfcb31c85fae49a69cef15ae027ed33c.png
[1e327d5d3a2e4773a5e69726b25f4d76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f711702766554ae796714361cc6d24f4.png
[d9927920cef94fc4a78164a38373f019.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/0fc6a1ebb3ac4859bea1e4c767017b28.png
[7b8877b80b7c460eaa5b8f8f09b06d94.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/a3e06754ffbd4b2486e1d2c0f6a9d95e.png
[f82b1a2f5b25408eae9acf28e5a0f3c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/a235c4b256c8472b8f08605d7ac5714a.png
[4777fe559c1a43f984b68ce19d879d14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/83a0808b9f104d2c82ffd2b781c3a279.png