【uniapp】HbuilderX发布微信小程序

7月前作者：Web_boom 分类：Toy博客阅读(33) 违法举报

这篇具有很好参考价值的文章主要介绍了【uniapp】HbuilderX发布微信小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

HbuilderX是uniapp推荐的开发工具，今天来介绍一下如何用HbuilderX来对微信小程序进行调试开发与发布。这里创建项目就不进行展示了，直接使用我已经创建好的项目来进行发布操作。

一、首先配置HbuilderX 与微信开发者工具关联，在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置，在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。

【uniapp】HbuilderX发布微信小程序

二、运行小程序到小程序模拟器，【运行】-【运行到小程序模拟器-微信开发者工具】。

执行该命令后，微信小程序将会在小程序模拟器中进行打开，这个时候我们就可以看到小程序具体的页面了，相当于开发前端页面时把html在浏览器中进行打开。

【uniapp】HbuilderX发布微信小程序

三、在微信开发者工具中配置开启服务端口号。在微信开发者工具页面打开【设置】-【安全设置】-【安全】就可以看到以下页面，在这里我们将服务端口打开。

【uniapp】HbuilderX发布微信小程序

四、发布小程序

在小程序开发者工具左上角选择上文章来源地址https://www.toymoban.com/news/detail-503312.html

到了这里，关于【uniapp】HbuilderX发布微信小程序的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题

在HbuilderX里创建了个uniapp的项目，但是引入vant后，在微信小程序里运行没反应这是App.vue文件加了@import 巴拉巴拉那些问题就出在pages.json文件里，当我们用快捷输入的 usingComponenets 这个，就有问题了如果你不是这个原因，那就关了这篇文章吧如果对你有用，点个赞呗

2024年02月12日
浏览(40)
使用Uniapp运行、打包、发布微信小程序

1、HBuilder X 打开项目，运行到微信开发者工具，此时会唤起微信开发者工具 2、打包，运行------小程序-微信，打包中打包后的文件 3、打包完成后，在小程序开发工具中点击右上角------点击上传点击上传 4、到小程序后台就可以看到了。测试需要设为体验版，然后测试后

2024年02月16日
浏览(27)
uniapp开发笔记----发布成微信小程序体验版本

之前有用过微信小程序原生开发，后来面试时候都会问uniapp，最近有空有研究下uniapp，项目0-1开发流程笔记，主要内容如下，中间可能会有修改。 1. 创建项目文件-新建-项目，选一个你想要的模版或者不选 2. 开发页面项目配置写一个首页布局 3. 打包成微信小程序打开微信

2024年04月23日
浏览(28)
uniapp - 微信小程序新版本发布之后用户端怎么更新？updateManager ？

微信小程序在版本更新后,从上面标题栏进去,发现还是没有更新,存在缓存问题这就要说到微信小程序更新机制解决办法--微信提供的wx.getUpdateManager()（我的uniapp）uni.getUpdateManager()，链接：uni.getUpdateManager() | uni-app官网 1）定期检查发现版本更新微信运行时，会定期检查最近使

2024年02月06日
浏览(49)
在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2024年02月05日
浏览(67)
在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2023年04月15日
浏览(45)
WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

我们主要分析了如下小程序开发框架，主要包括：框架技术栈案例微信小程序支付宝小程序百度小程序头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌ 首先，就要排

2024年02月11日
浏览(46)
微信小程序工具使用(HBuilderX)

https://www.dcloud.io/hbuilderx.html 选择正式版使用 2.1.1 微信开发者工具路径路径:自己的开发者路径 2.1.2 node 运行配置找到微信开发者路径的node.exe 相当于黑窗口 2.2.1 下载插件还有一个stylus 下载的时候会提示错误根据这里:https://hx.dcloud.net.cn/Tutorial/faq/pluginInstall 进行调整打开微

2024年02月05日
浏览(37)
HbuilderX 上传微信小程序

首先准备需要的东西微信的appid 和应用的appid 微信appid： Dcloud的应用AppID：在微信公众平台上找到开发-开发管理-开发设置里面的服务器域名（有白名单就去找相关人确认白名单/也可能不用管）：点修改之后扫码确认登录然后看项目里的配置 manifest.json文件看基础配置 un

2024年02月15日
浏览(34)
第一次使用HbuilderX运行微信小程序项目

点击设置再点击运行配置，找到小程序运行配置，设置自己对应的路径如果没有配置路径，则会报错：然后粘贴自己的appid就好了

2024年02月13日
浏览(43)