发布uni-app(发布为微信小程序)

HBuilder 创建的 Uui-App项目 如何发布到微信小程序 2.1 打开HBuilder,点击左上角的"文件"菜单,选择"新建项目",在弹出的对话框中,选择"Uui-App"项目模板,并输入项目的名称和保存路径,然后点击创建即可完成。4、点击左侧菜单"管理"->"版本管理",找到提交的小程序版本,然后点击"提交审核",审核通过后,即可在"审核版本"中申请发布,完成最终的微信发布。打开软件,点击右上角的齿轮"设置"图标,进入设置界面后,点击上方的"安全"选项卡,然后开启服务端口。4.1 点击菜单中选择"发行"->"小程序-微信"将项目发布到"微信开发者工具" 阅读详情
AI摘要

本文详细介绍了使用Vue-cli和HBuilderX编译微信小程序代码并发布到微信开发者工具的步骤,包括预览、上传、审核和最终发布的全过程。

文档

链接: 微信官方文档•小程序•指南•起步•小程序协同工作和发布•发布上线


一、编译代码、运行代码到开发者工具

通过vue-cli命令行

  • 步骤
  1. 编译
npm run build:mp-weixin
  1. 将代码运行到微信开发者工具
    在这里插入图片描述

通过HBuilderX

  • 文档

链接: uni-app官网•介绍•快速上手•通过HBuilderX•发布为小程序•发布为微信小程序

  • 步骤
  1. 在HBuilderX中,点击菜单栏的【发行】 -> 【小程序-微信】
    在这里插入图片描述

  2. 输入小程序名称和appid,点击【发行】
    在这里插入图片描述
    (备注:
    如果提示:
    在这里插入图片描述
    则,在manifest.json文件,点击【基础配置】-> 【重新获取】(获取uni-app应用标识AppID)
    在这里插入图片描述
    )

  3. 查看控制台提示:编译成功。
    运行代码:
    (此时自动开启微信开发者工具。可以直接去微信开发者工具 预览、上传代码等)
    在这里插入图片描述
    (或者:
    在微信开发者工具导入 unpackage/dist/build/mp-weixin 运行
    在这里插入图片描述
    )

二、发布微信小程序

(1)预览

在微信开发者工具,点击【预览】按钮,成功后会显示一个二维码。
使用当前小程序开发者的微信扫码即可预览。
在这里插入图片描述
(2)上传代码

在微信开发者工具中,点击【上传】;
点击弹框的【确定】
在这里插入图片描述
输入版本号和项目备注,点击【上传】
在这里插入图片描述
代码上传成功,【关闭弹框】
在这里插入图片描述
(3)提交审核

在微信开发者工具中上传了小程序代码之后。
登录小程序管理后台(链接: 微信公众平台);
点击【版本管理】 -> 【开发版本】, 找到提交上传的版本;
点击【提交审核】 ,根据提示填写信息,即可提交审核。
在这里插入图片描述
在这里插入图片描述
(4)发布

审核通过之后,管理员的微信中会收到小程序通过审核的通知。
此时登录小程序管理后台,在审核版本中可以看到通过审核的版本。
点击【发布】,即可发布小程序。
示例:
在这里插入图片描述

Uniapp项目运行到微信小程序、H5、APP等多个平台教程 本文详细介绍了uniapp构建多端项目时,如何运行调试项目,例如微信、H5、APP等 阅读详情

相关推荐

uniapp从创建项目到发布微信小程序全流程记录

在后台将提交的版本设置为体验版(小程序有正式版和体验版两个版本),扫码就能在微信上看到自己的小程序了,但是别人想要体验是需要管理员通过体验申请的。如果想要小程序发布到正式版是需要备案申请的,可能需要营业主体注册一系列操作。通过uniapp发布到微信开发者工具,微信开发者工具发布到微信公众平台,最后在平台操作发布到体验还是生产。(同理用taro+react开发也是一样,项目启动后,用微信开发者工具监听路径也能在微信开发者工具上运行,然后就是一样的上传发布)。

qq_37057426的博客 1657

从零开始uniapp微信小程序项目到发布(超级详细)

最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目

欢迎来到我的博客 3万+

从零到一:uni-app 微信小程序全流程开发与发布指南

通过以上步骤,你已经了解了如何从零开始创建并发布一个 uni-app 微信小程序。虽然过程可能会有些复杂,但随着实践的深入,你会越来越熟悉。小程序的开发是一个不断学习和探索的过程,希望本文能为你的小程序开发之旅提供帮助。

weixin_45621415的博客 2772

Uni-APP部署到微信小程序过程详解

本文主要演示从HBuilder X将项目发布为小程序,再通过微信开发者工具上传到微信公众平台的小程序后台的全过程。服务器使用自己搭建的后端服务器。SpringBoot项目部署到宝塔面板的详细过程-优快云博客SmartAdmin | 1024创新实验室部署之前需要在小程序后台设置小程序的基本信息,如logo、名称、类别等,按照提示设置即可,这里不再赘述,只是注意如果不是企业申请,以个人名义申请的话,名称不要设置于企业/服务等相关字眼,类别也同样,否则备案很难通过,备案不通过,小程序在一定时间后将不能访问。

qq_73427280的博客 4121

告别手动点击!用HBuilderX CLI一键发布uni-app到微信小程序的完整指南

本文提供了一份利用HBuilderX CLI实现uni-app项目自动化发布到微信小程序的完整实战指南。详细解析了CLI环境配置、核心发布命令参数、上传密钥获取,并展示了如何封装脚本及集成到GitHub Actions等CI/CD流水线中,帮助开发者告别手动点击,构建高效、可靠的自动化发布流程。

weixin_29294395的博客 148

【uni-app 微信小程序】新版本发布上线,用户本地版本更新问题总结

如果当前线上小程序没有这些更新代码,则需要下下次发版用户才有可能看到新版本已经准备好,是否重启应用?的这些提示(下次发版用户本地小程序就会有更新的代码,下下次发版用户小程序就可以触发了更新最新版了),经测试ios用户感觉都会静默更新,不会出现弹框提示。以上只是我自己的理解,我感觉微信的这个更新就是一个黑盒,我们按照操作来就行了,剩下的交给微信,相信相信的力量,如果这样都更新不成功,那就等着用户联系客服吧😄。

YuShiYue的博客 2189

uni-app.09.发布微信小程序

uni-app发布微信小程序前言发布配置AppID发行小程序上传代码提交审核发布 前言 前段时间使用uni-app开发的android套壳app上线后推广效果不理想,经公司领导三巨头商量后决定以小程序的形式推广,无奈又将原来的代码缝缝补补准备上线微信小程序 发布 配置AppID 首先我们需要在微信公众平台注册账号,然后申请一个小程序拿到小程序的AppID,然后在HBuilderX中打开项目的manifest.jso文件,在微信小程序配置一项中填入小程序的AppID 发行小程序 AppID配置完毕后,我们点

潮汐先生的专栏 1232

HBuilderX CLI实战:3分钟搞定uni-app微信小程序自动化发布(免开开发者工具)

本文详细介绍了如何利用HBuilderX CLI工具,无需打开微信开发者工具,实现uni-app微信小程序的自动化发布。通过环境配置、密钥获取、命令编写及CI/CD集成等实战步骤,帮助开发者将繁琐的手动上传流程转化为高效、稳定的命令行操作,大幅提升开发与发布效率。

ipfs8storage的博客 284

uni-app 微信小程序开发到发布流程

(2)先关闭再打开自己的端口号(微信开发者工具——>设置——>安全设置——>安全(服务端口号))(1)关闭微信开发者工具,然后检查APPID换成自己的APPID。

qq_36158551的博客 794

三维视觉智能焊接系统:免示教技术的工业应用实践

本文深入探讨了三维视觉智能焊接系统中免示教技术的工业应用实践。该系统通过三维视觉相机实时扫描工件,自动识别焊缝并生成轨迹,将产线换型时间从数小时缩短至几分钟,显著提升了生产柔性。文章详细解析了其核心硬件、算法及工厂部署流程,并展望了与数字孪生、工艺智能化融合的未来趋势。

weixin_29091105的博客 432

生信人的一天~HIFI数据+HIC数据组装基因组

HIFI+HIC数据组装基因组!

qq_43337286的博客 9530

uni-app使用Hbuilder X如何运行微信小程序和发布

Hbuilder X中小程序运行配置 Hbuilder X中,选中项目。 “工具”- “设置(S)”,效果如图X 微信开发者工具配置 发布微信小程序 【uniapp参考资料】 (1)uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 (2)uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 (3)基于vue的uniapp商城完整项目源代码 https://ke.qq.com

杭州.黄老师 3440

Vue项目实战:5分钟搞定高德地图离线部署(附避坑指南)

本文详细介绍了在Vue项目中实现高德地图离线部署的完整方案。针对内网或网络隔离环境,通过获取并改造JSAPI文件、下载组织地图瓦片数据,并集成vue-amap组件,实现地图功能的本地化运行。文中提供了核心代码、避坑指南及性能优化建议,帮助开发者快速构建稳定可靠的离线地图应用。

data3的博客 935

从开发到上架:手把手教你将uni-app微信小程序打包发布(全网最全指南)

本文将用5000字超长图文教程,从环境配置到审核避坑,彻底讲透uni-app微信小程序的发布全流程。无论你是刚入门的新手还是有经验的开发者,都能在这里找到完整的解决方案。

李赛赛的专栏 2824

Light Tools 8.4 在 win10系统上的安装方法(64位)

** 总的来说安装LT需要以下步骤(折腾了三天终于装好): 安装LT软件–禁用签名–加载含数字签名的第三方inf–添加注册表/安装驱动/添加密钥–成功破解 一、下载对应的LightTools 8.4版本软件,如下图为解压后的文件: 并选择 进行默认安装。 二、禁用数字签名。这里我用了两种方法,一种不行就换另一种,最终成功禁用。 方法1: 1、输入“cmd”并以管理员身份运行; 2、输入或复制 bcdedit.exe /set nointegritychecks on (此命令若没成功,再试bcded

weixin_45560953的博客 1万+

什么是OAuth 2.0?

OAuth2.0是一种授权协议而非登录协议,核心思想是通过令牌(Token)而非密码实现安全授权。它涉及三个关键角色:用户、第三方应用和身份提供商(IdP)。最常用的授权码流程(AuthorizationCode Flow)通过浏览器三方对话,确保用户密码只提供给IdP而非第三方应用。OAuth2.0提供四种授权方式,其中授权码和客户端凭证是当前主流,而隐式和密码模式已不推荐。需要注意的是,OAuth2.0解决的是授权问题,身份认证需通过OpenID Connect实现。该协议通过临时令牌机制,实现了&qu

sonadorje的专栏 1155

利用CLI自动化发布uni-app至微信小程序的完整指南

本文提供了一份利用CLI自动化发布uni-app至微信小程序的完整指南。文章详细介绍了HBuilderX CLI工具的使用方法、系统环境变量配置,并解析了核心发布命令的参数。通过实战脚本示例和进阶技巧,帮助开发者实现一键编译上传,显著提升开发与测试效率,并可轻松集成到CI/CD流程中。

weixin_28432777的博客 430

从d、q轴电流到电机性能:FOC控制中角度偏移的实战影响与调试策略

本文深入探讨了永磁同步电机FOC控制中d、q轴电流与角度偏移对电机性能的影响及调试策略。通过分析角度偏移导致的效率下降、电流异常等问题,提供了实用的四步调试法和参数优化技巧,帮助工程师有效提升电机控制精度和效率。

weixin_29264201的博客 294

在HBuilderX中将uni-app项目发布为微信小程序

在HBuilderX中将uni-app项目发布为微信小程序

听海边涛声 1259

LSTM 深度解析从原理推演到现代序列建模的演进

LSTM(Long Short-Term Memory,长短期记忆网络)是一种特殊的递归神经网络(RNN),它通过引入记忆单元(Cell State)来解决普通RNN在长序列数据处理中的梯度消失问题。LSTM可以在长时间的序列中捕捉依赖关系,是一种非常适合处理时间序列、自然语言处理、语音识别等任务的深度学习模型。在LSTM中,记忆单元(Cell State)是一个贯穿整个序列的数据通道,用于存储和传递关键信息。记忆单元在LSTM的时间步之间保持信息的持久性,可以看作是一个长期记忆的“容器”。

hello.reader 3万+

2、微软 Power Automate 入门指南

本文是一篇关于微软 Power Automate 的入门指南,详细介绍了 Power Automate 的基本概念、相关术语、登录方式以及如何创建一个简单的自动化流。文章还探讨了 Power Automate 在业务流程中的应用场景和优势,并展望了其高级功能和未来发展。适合希望快速入门 Power Automate 并提升业务自动化效率的读者。

corn8的博客 442

将uni-app前端项目发布到微信小程序体验版

注意:此处不支持http路径,支持https路径,所以后端项目需要配置SSL/TLS证书。在项目根目录下找到manifest.json文件,配置微信小程序相关的参数。选中项目,点击发行->微信小程序,会自动打开微信开发者工具。找到工具-->设置-->运行配置-->微信开发者路径。找到设置-->通用设置-->安全-->服务端口。将上传的代码,设置为体验版。微信开发者工具-->上传。

小梦想的博客 1648

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

uni-app一键发布到微信小程序的-详细步骤(图解)

本文介绍了无需微信开发者工具即可便捷上传微信小程序的完整流程:1)确保项目可正常运行;2)在微信公众平台获取AppID和AppSecret;3)通过HbuilderX填写密钥并上传代码;4)在微信后台提交审核;5)审核通过后发布即可上线。并欢迎留言咨询问题。整个流程省略了开发工具环节,操作路径清晰简明。

博客之家 350

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

解决uni-app发布微信小程序主包大小限制为<2M的问题

微信小程序对于子包的大小是没有限制的,所以所有的业务逻辑都放在子包里面吧。

mm5720181520的博客 1873

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

uni-app——微信小程序没有备案就发布的影响

uni-app——微信小程序没有备案就发布的影响

qq_43201350的博客 1381
上一篇: uni-app数据本地缓存
下一篇: 申请小程序账号
云海洋和天
博客等级 码龄7年 402粉丝 43原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值