uniapp项目打包(安卓apk和微信小程序)

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

uniapp的打包方式有很多,这里主要讲解App打包成安卓apk和微信小程序的两种方式

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

原生App

原生App分为云打包和本地打包两种,一般只推荐使用云打包来快速打包成安卓apk

安卓正式包

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

勾选使用云端证书时,我们无需手动生成证书别名、证书私钥密码、证书文件等,uniapp官方已配置好云端证书可供一键打包

第一次打包时需要勾选传统打包,每个开发者账号每天是有一定的免费打包次数,传统打包会消耗该次数,次数用完了可以去官方后台购买,一次2块钱。但是在打过传统正式包之后,如果项目有代码更新需要再次打包,直接勾选快速安心打包即可,该种方式不会消耗打包次数,而且效率更高,但是需要基于该项目曾打过传统正式包的情况下。

安卓自定义调试基座

在上述截图中可以看到,和打正式包同级还有一个打自定义调试基座的选项

在开发安卓app时,不能像开发h5那样,一边修改代码,一边浏览器直接就能预览效果

因此uniapp官方提供的安卓调试基座的功能,该功能可以实现我们在修改代码的同时,连接电脑的真机上也能直接预览到app开发的效果

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

在你安卓手机连接上电脑后,hbuilderx会自动查找到你的安卓设备,此时有两个基座运行方式,一个是标准基座,一个是自定义基座

标准基座

标准基座可以理解为hbuilderx自带的基座,无需在打包页面勾选自定义基座打包,可直接使用,该基座上实现的功能或效果有时候和真机上体现出来的不太一样

自定义基座(推荐)

要想运行自定义基座,需要先在上述打包页面勾选自定义基座打包(一般需要我们先对uniapp项目中的manifest.json -> App常用其他设置 -> minSdkVersion 进行设置,一般要求最低21)

完成基座打包后,即可在运行项目中勾选使用自定义基座运行,该自定义基座跑出来的效果和正式包一致

微信小程序

微信小程序的打包需要配合微信开发者工具一起使用

先在微信官方文档下载 微信开发者工具

去微信公众平台创建一个小程序账号,填写各自小程序信息资料、类目等

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

拿到小程序的AppID和AppSecret(重要)

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

在uniapp项目的manifest.json -> 微信小程序配置 中填写该AppID字段,涉及到微信登录鉴权时,还需要在App模块配置 -> OAuth(登录鉴权) -> 微信登录 appid 中填写该AppID字段

然后还需在hbuilderx中的 工具 -> 运行设置 -> 小程序运行设置 中设置微信开发者工具的安装路径

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

然后在微信开发者工具的设置中打开服务端口

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

若没打开该服务端口,会报错:[微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 -> 设置 -> 安全设置,将服务端口开启。

至此可以让uniapp项目打包成微信小程序在开发者工具中运行了

注意:在运行项目的时候,需要让当前编辑器窗口高亮为需要运行的项目下的文件,不一定非要是App.vue,其他文件都可,只要是该要运行的项目下就行

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

点击发行 -> 小程序-微信

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

填写之前的微信小程序AppID,点击发行,控制台边开始编译,编译完成后,自动打开微信开发者工具运行项目,可能初始会有报错,只需在开发者工具中刷新一下重新编译即可

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

还需检查一下开发者工具中项目配置是否正确(重点检查AppId)

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

点击预览或者真机调试 扫码也可在真机上体验,前提是开发者才能体验,可以在公众平台上添加开发者或者测试人员

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

在代码无误的情况下,可以在开发者工具中对小程序进行上传(上传过的点确认覆盖就行)

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

编辑版本号后确认上传

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

代码质量中可能经常会出现部分未通过,这些可能是因为部分代码有些不规范导致的,但是只要保证主包大小小于2M,其他的未通过可以无视,不影响上传。

在公众平台上的版本管理可查看当前项目的版本发布情况

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

项目第一次上传体验版,需要根据说明填写审核资料

还需要配置主页面路径

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

uniapp 如何能不用证书进行打包,uniapp,uni-app,android,微信小程序

完成之后,便可点击体验版二维码进行扫描体验

在之后,便可点击提交发布审核版本

审核版本审批通过后,便可发行线上正式版本,至此微信用户便可在微信中搜索该小程序

本篇文章主要讲述uniapp打包发布微信小程序版本过程,可能未涵盖到微信小程序其他更多配置模块,例如在公众平台上配置api白名单等,更完整的教程还请移步微信官方文档或微信公众平台文章来源地址https://www.toymoban.com/news/detail-769274.html

到了这里,关于uniapp项目打包(安卓apk和微信小程序)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

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

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

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

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

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

    2024年02月11日
    浏览(43)
  • uniapp和微信小程序去掉顶部标题

    今天刚开始做一个uniapp的项目,新建的项目带有默认顶部标题,要去掉。 找到配置文件pages.json,小程序在app.json 添加代码 完成。 最后这个项目会一直更新所遇到的问题,可能会比较慢,希望自己能够坚持完成。

    2024年02月13日
    浏览(28)
  • 【uniapp】多端(H5和微信小程序)

    目录 一、运行H5页面 二、去除H5顶部导航栏 三、区分H5页面和微信小程序的样式 四、H5页面下载视频、PDF 五、H5页面适配  打开网页后复制网页地址 然后打开微信开发者工具,点击公众号网页版,输入地址即可看到H5页面 无论是页面还是js还是css,都是一样的使用,样式如下

    2024年02月10日
    浏览(43)
  • Uniapp和微信小程序的区别2023(详细)

    UniApp和微信小程序有一些区别,尽管它们都是用于开发小程序的框架,但在一些方面有所不同。以下是它们的区别: 开发语言和技术栈: UniApp:使用Vue.js作为开发语言,结合UniApp提供的组件和API进行开发。支持Vue的响应式数据绑定、组件化开发,同时支持使用HTML、CSS和Jav

    2024年02月13日
    浏览(30)
  • uniapp:h5和微信小程序文件下载方式

    一、h5浏览器端下载方式,直接使用a标签 download属性指定下载文件的文件名,也可以不加 注意:记得一定要加ifdef注释,不然其他端也会显示a标签 二、微信小程序下载方式,通过uniapp的downloadFile和wx小程序的saveFile保存文件 wx保存文件的api只是临时保存图片文件,可以通过微

    2024年02月07日
    浏览(75)
  • uniApp和微信小程序好看的我的页面(有源码)

    uniApp和微信小程序好看的我的页面(有源码) 1.先睹为快 未登录状态 以登录 uniapp源码 记得点赞哦

    2024年02月13日
    浏览(33)
  • uniapp安卓本地打包成apk

    1.HBuilderX最新版 2.与HBuilderX版本对应版本的“Android 离线SDK - 正式版”, 下载见:https://nativesupport.dcloud.net.cn/AppDocs/download/android.html 3.Android Studio,官方下载地址:https://developer.android.google.cn/studio?hl=zh-cn 4.java1.8环境 输入生成证书的命令,格式为: keytool -genkey -alias 证书别名 -k

    2024年01月18日
    浏览(29)
  • 采用uniapp实现的银行卡卡片, 支持H5和微信小程序

    采用uniapp-vue3实现的银行卡卡片 支持H5、微信小程序(其他小程序未测试过,可自行尝试) 可用于参考学习 可到插件市场下载尝试: https://ext.dcloud.net.cn/plugin?id=16736 使用示例

    2024年02月22日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包