E企盈营销工具技术服务商 热线:4006-838-530

uniapp1.4发布,一套代码,发行小程序(微信/支付宝/百度)、H5、App多个平台

E企盈直播平台营销卖货系统

在2019新年到来之际,uni-app 1.4版本正式发布,新增支持百度、支付宝小程序,开放插件市场,同时注入更多优秀特性,为开发者送上了一份新年大礼!支持更多小程序平台uni-app 1.4 版本新增支持百度、支付宝小程序,从此一次开发,可发布小程序(微信/支付宝/百度)、H5、App(iOS/Android)6大平台!uni-app 在HBuilderX开发工具中有非常友好高效的支持,提供可视化操作菜单,发行各家小程序简单便利详情,这里不再赘述;本文主要说明如何通过vue-cli编译发行各家小程序。使用cli编译到各家小程序之前,需先安装vue-cli并创建uni-app项目,主要命令如下:# npm script# 全局安装vue-cli$ npm install -g @vue/cli# 创建uni-app项目,会提示选择项目模板$ vue create -p dcloudio/uni-preset-vue my-project# 进入项目目录$ cd my-projectTips:如果之前已使用过老版本的uni-app cli插件,则通过npm将uni-app升级到最新版,即可获得将原有uni-app项目转换到各家小程序的能力支持支付宝小程序使用如下命令进行支付宝小程序的编译预览及发行打包# npm script# dev 模式,编译预览$ npm run dev:mp-alipay# build 模式,发行打包$ npm run build:mp-alipay发行到支付宝小程序,需要你下载并打开支付宝小程序开发者工具,然后选择项目编译目录(dev模式、build 模式编译目录不同,见下方说明)进行预览或发行。dev模式 和 build 模式的区别:dev 模式编译目录为项目根目录下的 /dist/dev/ 目录build 模式编译目录为项目根目录下的 /dist/build/ 目录dev 模式有 SourceMap 可以方便的进行断点调试build 模式会将代码将会进行压缩,体积更小更适合发布为正式版应用目前hello uni-app 已上线支付宝小程序,可以打开支付宝,扫描以下二维码进行体验:支持百度智能小程序百度智能小程序的编译方式与支付宝小程序一致,简单替换平台标识(mp-baidu)即可。你可以使用如下命令进行百度智能小程序编译预览及打包:# npm script# dev 模式,编译预览$ npm run dev:mp-baidu# build 模式,发行打包$ npm run build:mp-baidu发行到百度智能小程序,需要你下载并打开百度开发者工具,然后选择项目编译目录进行预览或发行。Tips:dev 模式、build模式差异同支付宝小程序支持通过 cli 命令行编译到微信小程序平台uni-app 很早就支持发行到微信小程序,但需在 HBuilderX 开发工具中操作;uni-app 1.4版本支持通过vue-cli 编译到微信小程序,方式同支付宝小程序。你可以使用如下命令进行微信小程序编译预览及打包:# npm script# dev 模式,编译预览$ npm run dev:mp-weixin# build 模式,发行打包$ npm run build:mp-weixin同样,发行到微信小程序,需要你下载并打开微信开发者工具,然后选择项目编译目录进行预览或发行。其它功能特性uni-app 插件市场上线了!支持前端组件、js sdk、页面模板、项目模板、原生插件等多种类型,还支持原生插件的云打包,详情。插件市场作为轮子的需求者和制造者之间的对接平台,将提升所有 uni-app 开发者的效率和重用程度。另外,uni-app 1.4版本在条件编译、H5平台等方面也有大量改建,详见如下:新增 条件编译 static 支持平台目录,不同平台可定义自己的独有静态文件 详情新增 条件编译 支持多平台“或”运算符:||。例如: // #ifdef MP-WEIXIN || MP-BAIDU 代表在微信小程序和百度小程序均生效新增 条件编译 pages.json 支持条件编译。pages.json里不引用的页面不会打包,可以更自由的管理不同平台文件的打包策略。修复 条件编译 使用 ifndef 导致编译错误的问题新增 manifest.json 中(mp-weixin 节点下) 新增 permission 配置,用于微信小程序接口权限相关设置新增 蓝牙相关API 详情新增 低功耗蓝牙相关API 详情新增 iBeacon相关API 详情优化 css 编译报错提示修复 v-for item 部分写法编译失败的问题H5平台 新增 canvas 组件和相关 APIH5平台 优化 导航栏自定义按钮支持 float 属性H5平台 修复 uni.showModal 内容过多显示超出屏幕的问题H5平台 修复 picker 组件未设置 value 属性值时报错的问题H5平台 修复 TabBar 页面 onHide 钩子函数不触发的问题H5平台 修复 map 组件中 marker 图像不显示的问题H5平台 修复 AudioContext 事件监听报错的问题H5平台 修复 swiper 组件动态设置 current 后 swiper 不切换的问题H5平台 修复 swiper 组件设置属性 previous-margin、next-margin 显示异常的问题H5平台 修复 picker 组件显示的选中项不正确的问题 #103H5平台 修复 picker 组件动态设置高度后显示异常的问题H5平台 修复 radio 组件设置 color 属性不生效的问题 #119H5平台 修复 picker 组件 columnchange 事件不触发的问题未来规划uni-app 将尽快适配字节跳动小程序,并进一步抹平H5、各家小程序之间的平台差异,让开发者尽可能的一套代码,顺滑的发行到多个平台。uni-app 在小程序端,引用和改造了mpvue及Megalo,感谢美团点评团队、网易考拉团队对开源社区的贡献!uni-app会在开源的路上继续前行,为帮助uni-app更好的成长,更好的服务开发者,欢迎您给uni-app反馈改进意见,或 Star 鼓励。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » uniapp1.4发布,一套代码,发行小程序(微信/支付宝/百度)、H5、App多个平台
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏