第一次使用HbuilderX运行微信小程序项目

已于 2024-01-17 10:15:45 修改
阅读量4.6k 收藏 17
点赞数 6
分类专栏： IDE编译器 文章标签： 微信小程序 小程序
于 2022-12-30 12:18:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laowang357/article/details/128493876
版权
本文介绍了如何配置微信开发者工具的运行路径和服务端口，以避免运行小程序时出现错误。同时，重点讲解了在HbuilderX中修改manifest.json文件配置AppID的步骤，这对于接手他人项目尤其重要，确保能够正确运行和调试小程序。
摘要由CSDN通过智能技术生成

1. 首先配置微信开发者工具路径

 点击设置

 再点击运行配置，找到小程序运行配置，设置自己对应的路径

如果没有配置路径，则会报错：

 2 .设置微信开发者工具打开服务端口

 3. 再HbuilderX项目中找到manifest.json文件进行如下配置AppID(重点，运行别人发过来的项目时往往会忘记配置自己的appid)

 然后粘贴自己的appid就好了

王 歪歪
关注
专栏目录
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 7190
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
第一次 hbuilder 打开微信小程序
m0_63476377的博客
01-13 777
下载微信开发者工具，hbuilder 在hbuilder中导入项目，在hbuilder中运行， ====>>选择微信开发者工具 将该项目中的AppID 要和微信小程序开发管理中的ID 保持一致 （同时微信小程序进去右上角有个设置，进入设置里面将服务端口也要打开） ...
（图文详解）小程序AppID申请以及在Hbuilderx中运行
最新发布
吉他程序员的博客
07-09 1259
今天小编给大家带来了如何去申请APPID，如果你是小程序的开发者，就必须要这个id。
HBuilder X运行项目到微信开发者工具调试和发布Uniapp小程序
u010797364的博客
04-14 4148
hbuilder首页：https://www.dcloud.io/hbuilderx.html下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载后免安装直接点击即可使用。打开HBuilder之后，它会要求你注册一个用户，然后才可以使用。第一次使用必须注册用户，登录才可以，这是它的硬性要求。按照官方的说法，HBuilder不单单希望只是一个工具，而是把工具和社区联系起来，所以才要求用户注册。
如何使用HbuilderX运行小程序项目
m0_61663332的博客
02-24 2万+
如何使用HbuilderX运行小程序项目，创建新的页面，git管理
微信小程序开发指南（ HBuilder X 实现）
qq_38922932的博客
04-18 3614
微信小程序开发指南（ HBuilder X 实现）
使用HBuilderX高效搭建Uni-App微信小程序开发环境
qq_31226163的博客
05-24 3163
Uni-App是一个使用Vue.js开发所有前端应用的框架，支持发布到iOS、Android、H5、以及各种小程序平台（包括微信小程序、支付宝小程序等）。它的核心优势在于一套代码可以编译到多个平台，大大降低了跨平台开发的成本。HBuilderX是DCloud推出的一款专为前端开发者设计的开发工具，内置了对Vue.js、uni-app的完美支持，提供了强大的代码提示、智能感知、模板快速生成等功能，让开发效率飞升。从零开始，申请开通微信小程序全流程_微信公众号申请小程序 csdn-CSDN博客。
uniapp、hbuilderx做微信小程序，获取当前城市定位（省份国家街道等）
qq_47818483的博客
10-08 3459
获取用户当前位置分为3步 1.获取位置用户请求权限 2.获取经纬度 3.经纬度转换为城市 一.获取位置用户请求权限 获取权限的目的主要是因为避免转换不了城市的报错（可能出现不提示“需要先请求用户权限”的信息，进而导致后续报错或没反应） 1.在项目里的需要的页面里使用button按钮绑定获取定位事件 <button type="default" @click="getLocation">点击获取定位</button> 2.js部分 getLocation() { wx.getLoc
hbuilderx 小程序分包_基于uni-app的微信小程序之分包
weixin_39846898的博客
12-22 512
作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒0. 缘由​最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下1. 关于分包​好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧1.0 这是 官方文档1.1 注...
uni-app创建并运行微信小程序项目
qq_40860800的博客
02-08 6509
今天分享一下我在uni-app创建并运行微信小程序项目时遇到的问题和解决办法，分两步给大家说明，第一步是没有任何报错下的流程，第二部是遇到的问题和解决办法； 一、正常情况（无报错）下的流程： 1、打开HBuilder X,点击文件,选择新建一个项目 创建成功后选中项目 2、点击HBuilder X菜单栏工具下面的 设置，然后在运行配置里面设置微信开发者工具的安装路径 3、在微信开发者工具中,点击 设置 下面的 安全设置，然后开启服务端口 4、最后在HBuilder X运行配置中填写web服务调
hbuilderx 小程序分包_uniapp适配到微信小程序注意事项
weixin_30701169的博客
02-23 1370
uniapp我也是第一次玩，官网说可以一次编码，多端发布。说实话，一开始我是怀疑的。不过，走到现在，app已经开发好、h5页面也接近完成。现在要生成小程序了，想想就很激动。。在hbuilderx上运行到小程序，看到了熟悉的有胶囊的登录界面我很激动，登录进去一看。结果首页的按钮全没了，底部的tabbar也没了。。这还只是第一步，已经严重打击了我的信心。我有一种第一次吃螃蟹被夹住的感觉！好在uniap...
HBuilder X下载安装，运行微信小程序教程（官网）
CD大熊的博客
12-27 2万+
HBuilder X下载、安装、配置微信开发者工具，运行微信小程序教程，亲测有效，有疑问可留言
HBuilderX新增uni-app项目并发布到微信小程序
吴某某人的笔记
05-29 1395
勾选上传压缩代码，小程序代码大小不能太大。配置小程序id和微信开发者工具安装目录。修改小程序配置，配置成代码里的主页地址。这里我用的云空间是阿里云。这里我没做，就不截图说了。
如何使用Hbuilderx运行微信小程序
热门推荐
04-22 4万+
1. 首先进入Hbuilderx官网下载IDE 2.下载并安装完成后，运行Hbuilderx 3.点击 左上角文件，新建/导入uni-app项目 4.点击左侧项目名称后 ，在顶部操作栏点击运行--运行到小程序模拟器---微信开发工具 最终效果： 注意：如果是导入项目的话，需要先让管理员将自己添加为小程序开发者，不然运行会报错 ...
Hbuildx--启动微信小程序项目
weisian的博客
07-27 9394
1、需要在Hbuild官网，下载Hbuildx开发工具 2、打开Buildx，导入微信小程序项目，添加小程序开发工具 如果没有安装微信web开发工具，需要先根据上面的提示地址下载，之后把本地的安装路径配置到如下图位置。 3、下载安装过微信小程序开发工具后，桌面会生成如下图标 打开后，使用微信扫码登陆，需要设置端口开启（设置--安全设置--开启端口）如下： 4、在微信开发者网站，注册小程序开发用户，获取appId（点击项目的mainfest.json） 登录微信开发者官网，注册获取
HBuilderX开发的uniapp项目运行到微信小程序开发者工具上的方法
phplife的电子商务网上商城专栏
05-11 8330
用HBuilderX开发的uniapp版的微信小程序项目，开发，测试，联调时需要把项目运行到小程序模拟器，如何运行到小程序模拟器，需要做以下几点设置: 一、在项目的manifest.json配置模块里需要配置一下申请好的小程序appid 如果有正式的appid,这里就直接用正式的appid，如果没有，我们刚开始时可以直接申请一个测试号使用，我这里打开小程序开发者工具，直接点击创建小程序--->再点击测试号，生成一个测试用的appid,复制这个测试的appid，但不实际创建小程序 把刚.
在HbuiderX中运行微信小程序
simple5960的博客
10-02 394
1.在微信开发者工具的设置->安全设置->打开服务端口 牢记！！一定要是在微信开发者工具中设置 2.在HbuiderX中设置微信开发者工具的安装路劲文件夹 3.点击运行，大功告成！！
HbuilderX运行uni-app开发的微信小程序
jieyucx的博客
12-08 3232
HbuilderX运行uni-app开发的微信小程序
微信小程序开发中appId怎么添加
07-20
要在微信小程序开发中添加appId，您需要完成以下步骤： 1. 注册微信开放平台账号：访问微信开放平台（https://open.weixin.qq.com/），使用您的微信账号登录并注册一个开放平台账号。 2. 创建小程序：在微信开放平台中，进入“开发管理”页面，点击“创建小程序”按钮。按照指引填写小程序的基本信息，包括名称、简介、头像等。 3. 获取AppID：创建小程序成功后，您将获得一个唯一的AppID。该AppID可以在开发管理页面的“开发设置”中找到。 4. 在小程序代码中添加AppID：在您的小程序代码中的 app.json 文件中，添加 "appid" 字段，并将其值设置为您获得的AppID。示例： `"appid": "您的AppID"`。 5. 小程序审核和发布：在完成开发和测试后，您可以提交小程序进行审核，并在审核通过后发布上线。审核通过后，其他用户就可以通过搜索或扫码等方式进入您的小程序了。 请注意，每个小程序都有独立的AppID，而且一个微信开放平台账号下可以管理多个小程序。确保您使用正确的AppID来进行开发和部署。 希望以上信息能帮助到您！如果还有其他问题，请随时告诉我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王 歪歪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值