uni-app框架发行步骤

已于 2023-03-29 19:41:32 修改
阅读量953 收藏
点赞数
文章标签： uni-app 前端
于 2023-03-27 16:07:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moonlightboi/article/details/129797420
版权
uni-app的发行涵盖了h5、原生app和小程序三个方向。对于h5发行，需修改manifest.json的web配置和路由模式，然后进行发行。原生app发行涉及Java环境配置、manifest.json的App设置及云打包。小程序发行则需检查微信小程序ID，配置服务器域名，并使用微信开发者工具上传代码。
摘要由CSDN通过智能技术生成

uni-app框架发行步骤

##h5端发行

1.打开项目目录下manifest.json配置文件-web配置
2.修改路由模式为hash，修改运行的基础路径

在这里插入图片描述

3.点击发行-h5发行

在这里插入图片描述

4.发行成功后在项目目录中生成build文件夹，build文件夹内有h5文件夹

在这里插入图片描述

app发行

原生app和混合app区别

原生app混合app
语言andriod(Java) ,ios(object-c)前端框架+h5技术包装成的
性能运行速度更快，兼容性好能用
1.将开发的混合app发行成原生app，安装java开发所需的jdk环境
2.打开项目目录下manifest.json配置文件-app配置
3.修改基础配置-应用名称，App图标配置

在这里插入图片描述

4.发行——原生App—云打包

点击“使用自有证书”链接，查看步骤生成证书文件
在这里插入图片描述

小程序发行

微信小程序
1.检查微信小程序id

在这里插入图片描述

2.点击“发行”—“小程序 微信”
3.进入微信公众平台—开发管理—开发设置

配置服务器域名

在这里插入图片描述

微信开发者工具，点击上传
  • 删除打包后mp-weixin文件夹内没有使用的图片
  • 根据微信开发者工具提示通过代码质量检测
  • 上传
Moonlightboi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于uni-app框架的登录模板
02-21
【基于uni-app框架的登录模板】是一个用于快速构建移动应用登录界面的开发资源，它利用了uni-app这一跨平台的前端框架。uni-app是由ECharts团队开发的，它允许开发者用一套代码编写应用，然后发布到iOS、Android、H5...
uniapp 路由不要显示#
weixin_44195615的博客
09-06 4349
另外，切换到history模式后，你需要确保在打包或部署应用时，服务器能正确地处理路由请求，以避免404错误。具体的配置方式取决于你使用的服务器和后端框架。请注意，使用history模式需要后端服务器的支持。你需要在服务器上进行相应的配置，以确保在刷新页面或直接访问路由时能正确地返回对应的页面。方法来管理路由，而不再使用hash模式。在Uniapp中，路由默认使用的是hash模式，即在URL中添加。切换到history模式后，Uniapp将使用HTML5的。，可以切换为使用history模式。
关于使用uniapp开发H5路由拦截的用法和建议
水月灯花的博客
02-20 1748
我在开发html5使用了地址拦截和uniapp的路由拦截，但是在地址栏中直接输入id，例如http://192.168.1.2/kd/#/pages/index/index 在第一次可以拦截成功，在console中可以看到uniapp的生命周期函数执行，但是如果在地址栏中再次输入该地址http://192.168.1.2/kd/#/pages/index/index，uniapp就不会执行应用生命周期，不知道什么问题。3、 在app.vue中引用。
[保姆级教程]uniapp实现页面路由配置
最新发布
肥晨开发的学习之路
06-18 1599
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。弹出弹框，输入页面名称，点击创建。并以此类推完成所有新建页面。在package.json中的pages配置，继续添加即可。输入名称，并以此类推完成所有新建目录。把iconPath改成对应地址就好。右击目录，点击新建–》vue文件。先点击src–》新建–》目录。
uniapp 打包h5路由模式history配置
weixin_44714325的博客
01-25 9848
我们使用hash模式时，打包线上，容易出现页面空白的情况，所以如下配置 "h5" : { "devServer" : { "publicPath":"./" "https" : false, "port" : 3000, "disableHostCheck" : true, "proxy" : { "/api" : {
uniapp路由调整
qq_19820589的博客
06-04 410
2.接收路由参数的页面。2.2接收参数的页面。
uniapp在H5配置hash路由+导航守卫
weixin_52830464的博客
05-27 510
在根目录下创建router/whiteList.js 定义白名单路径。
基于uni-app框架的校园极简生活跨平台移动应用的设计与实现.pdf
08-26
"基于uni-app框架的校园极简生活跨平台移动应用的设计与实现" 本文主要介绍了基于uni-app框架的校园极简生活跨平台移动应用的设计与实现。uni-app框架是一种跨平台移动应用开发框架，可以发布到多个平台，包括...
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uni-app网易云音乐实战
10-22
uni-app是基于Vue.js的跨平台框架，可以快速开发跨平台应用程序。该框架提供了丰富的组件库和插件，可以满足大多数开发需求。在本文中，我们将使用uni-app框架来开发一个网易云音乐应用程序，涵盖了从开发环境的搭建...
uni-app登录实例的实现
10-29
在移动应用开发领域，uni-app是一个备受青睐的跨平台框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、Web等。本实例将详细讲解如何使用HBuilderX工具来开发一个uni-app登录功能。 首先，我们需要了解...
uniapp-h5：uni-simple-router添加全局路由拦截（4步）
qq_38969618的博客
10-23 4343
二、配置vue.config.js 三、新建router.js 四、在main.js中引入router.js 之前旧的实现（不推荐）：第1步：下载路由拦截器插件uni-simple-router和自动构建路由表插件uni-read-pages。 第2步：在vue.config.js文件中配置如下代码： 第3步：在src-》router目录下新建index.js 第4步：修改main.js文件即可。（ 修改步骤：import引入路由->use安装路由->执行RouterM
uniapp 路由模式 history
初心
09-22 1578
【代码】uniapp 路由模式 history。
uni-app - 详细实现 H5 端获取当前页面的路由和参数（得到当前页面地址的路径 URL）
王佳斌
12-18 1万+
Uniapp怎么获取当前页面路由，uniapp获取当前路由地址，uniapp获取当前页面的路径，UNI-APP_uni-app获取当前页面路由，uni-app获取当前url地址参数，uni-app如何获取当前页面路由，uniapp获取当前页面路由及参数，uniapp获取当前页面传递的参数及路由的方法，uniapp获取当前页面路由及参数获取Uni-app页面路由的方式，在uniapp、mpvue、vue(h5)中如何获取当前页面和地址栏，uniapp获取当前路由的参数 并且加入到缓存，uniapp获取当前页面
uni-app路由
上庸者-不服周
11-02 3773
uni-app。
uniapp页面路由跳转方式
Ma_jiao的博客
03-25 1145
解决方法：一开始我只在h5页面中答题跳转到抽奖页面时设置了uni.reLaunch，并未生效，应在小程序跳转到h5页面时将wx.navigateTo换成wx.reLaunch即可解决。被预载的页面，在打开时速度更快，预加载 /pages/test/test 对应的 js 文件，不执行页面预渲染逻辑。保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。关闭当前页面，跳转到应用内的某个页面。关闭所有页面，打开到应用内的某个页面。相当于是关闭所有页面，然后跳转到指定页面。
【uni-app教程】四、UniAPP 路由配置及页面跳转
热门推荐
我有满天星辰的博客
03-03 1万+
在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下整下来，下载完成后再进行展示，此时终端界面会有等待提示。getCurrentPages0函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个。注意：getCurrentPages 仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。url为将要跳转的页面路径，路径后可以带参数。说明：页面生命周期的 onLoad()监听页面加载，其参数为上个页面传递的数据，如。
vue篇-修改路由的hash模式、router-link补充、路由的知识点
liumuye88888的博客
06-07 3979
目录1.修改路由的hash模式2.router-link补充3.通过代码跳转路由4.动态路由的使用5. $router和 $route的区别 1.修改路由的hash模式 2.router-link补充 3.通过代码跳转路由 // this.$router.push('/about') this.$router.replace('/about') //没有记录不能回退 4.动态路由的使用 1.首先要在router>index.js配置的时候,给path后面添加一个动态属性 {
初识uni-app框架
10-08
uni-app是一款基于Vue.js的前端开发框架，可以快速开发跨平台的移动应用程序，包括iOS、Android、H5、小程序等多个平台。通过uni-app，可以使用一套代码同时在多个平台上运行，大大提高了开发效率。 初识uni-app...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值