HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

这篇具有很好参考价值的文章主要介绍了HBuilderX 开发的uniapp项目在微信开发者工具中调试运行。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一步下载需要的开发工具:

下载HBuilderX:https://www.dcloud.io/hbuilderx.html

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

下载微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

第二步将自己在HBuilderX 开发的uniapp项目打开并保证能运行,然后点击 工具 进行配置微信开发者工具路径:

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

第三步打开微信开发者工具,点击小程序->点击+号创建小程序(注意这步操作只是拿到测试的appid,不需要真的创建,复制号测试appid):

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

第四步将获得的appid配置到uniapp项目的manifest.json文件中:

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

第五步

点击微信开发者工具的设置,找到安全设置,将服务端口打开:

HBuilderX 开发的uniapp项目在微信开发者工具中调试运行
HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

第六步回到HBuilderX 点击运行到微信开发者工具就可以了

后面的就不给大家配图了,运行后微信公众号会自动弹出界面了,就可以开心的调试了!!!!文章来源地址https://www.toymoban.com/news/detail-511652.html

到了这里,关于HBuilderX 开发的uniapp项目在微信开发者工具中调试运行的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HbuilderX启动 微信开发者工具

    1.  下载微信开发者工具 ( 推荐使用 稳定版 ) 2. 安装好之后打开HbuilderX编辑器,点击 文件  -  新建  -  项目 后出现如下页面, 填写项目名称,选择项目保存路径 ,然后点击右下角 创建 即可   然后在HbuilderX顶部导航栏找到 工具  -  设置   点击 左侧运行配置 ,下滑找

    2024年02月14日
    浏览(45)
  • 通过HbuilderX启动 微信开发者工具

    下载安装HbuilderX教程 链接: https://blog.csdn.net/qq_43102730/article/details/125611294?spm=1001.2014.3001.5501 下载安装 微信开发者工具教程 链接: https://blog.csdn.net/qq_43102730/article/details/125611297?spm=1001.2014.3001.5501 打开HbuilderX编辑器,打开要运行的项目 在HbuilderX顶部导航栏找到工具 - 设置 -运行配

    2024年02月10日
    浏览(61)
  • uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

    uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.32.0) 以下是一个uni-app项目,首先我们要查看是否有unpackage文件夹, 如果有项目直接指向unpackagedistdevmp-weixin即可 如果没有则需要用HBuilder

    2024年02月16日
    浏览(50)
  • hbuilder运行uniapp,微信开发者工具打开但没有运行项目

    最近接手公司uniapp项目,使用Hbuilder运行uniapp,微信开发者工具打开但没有运行项目 :     检查微信小程序开发工具是否最新版; 微信开发者工具登录的微信号,可能未绑定该小程序项目的appid,需要到小程序管理后台绑定该微信账号为开发者账号; 将项目直接拉入微信开发者工具

    2024年02月09日
    浏览(49)
  • HbuilderX如何连接微信开发者小程序(保姆级教程):

    1、在官网下载HbuilderX:HBuilderX-高效极客技巧 (dcloud.io) 2、下载微信开发者工具,最好是选择稳定版微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)   3、打卡HbuilderX,选择文件—新建—项目  模板默认第一个 4、打开微信开发者工具,选择自己需求,小程序就选小

    2024年02月15日
    浏览(51)
  • 【HbuilderX+微信小程序开发者工具解决报错问题】

    一定要正确的配置运行终端 包括 浏览器 、 小程序 安装路径等,还包括小程序的appid,并且要和申请的帐号匹配的登录才能正常的运行 进入微信公众平台https://mp.weixin.qq.com/登录 扫码确认 点击 首页-》配置服务-》开发设置 ,查询appId 如下图 问题描述 [微信小程序开发者工具

    2024年02月09日
    浏览(54)
  • 将uniAPP项目导入到微信开发者工具中保姆级教程

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 uni-app官网 uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序

    2024年02月04日
    浏览(35)
  • HBuilder将uniapp项目运行到微信开发者工具进行小程序调试

    HBuilder将uniapp项目运行到微信开发者工具进行小程序调试 有时候我们的项目开发是使用uniapp,而最终是要发布到微信小程序的。 在开发uniapp项目过程中,我们可以使用HBuilderX运行到微信小程序模拟器(微信开发者工具),一边写代码一边调试、预览效果。 电脑安装以下软件

    2024年02月16日
    浏览(54)
  • Uni-app运用HBuilderX和微信web开发者工具做微信小程序

    目录 Uni-app、HBuilderX和微信web开发者工具的介绍 使用HBuilderX时需配置的工具 通过HBuilderX构建项目  配置微信开发者工具 通过HBuilderX将项目运行到微信小程序中  Uni-app中常用的组件及方法 扩展组件的使用方法 结语 Uni-app的介绍: uni-app是一个使用vue.js开发所有前端应用的框架

    2024年02月16日
    浏览(80)
  • HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决

    这个问题遇见过几次了,老是忘记,所以记录一下 在uniapp写的项目在hbuiderx中,以微信开发者工具打开 结果报错 HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决 小程序AppID没有配置或者不是自己的,需要换成自己的 AppID在下方地址的 开发管理 中的 开发设置 里找 地址

    2024年02月16日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包