草庐IT

uni-getLocation

全部标签

Uni-push 推送实现全过程 (2022 最新 最全 最细)

Uni-push推送实现全过程序言:公司使用的uniapp开发的项目需要推送功能,看了下官方文档,经过几天努力,打通了推送功能。下图是ios和安卓(oppo和荣耀手机),在线或离线获取的推送通知。简介UniPush是DCloud联合个推公司推出的集成型统一推送服务,内建了苹果、华为、小米、OPPO、VIVO、魅族、谷歌FCM等手机厂商的系统级推送和个推等第三方推送。第一步:开通UniPush推送服务云端打包应用开通UniPush功能以后,只需要在HBuilderX中打开manifest.json,选择“AppSDK配置”,向下找到推送功能配置,勾选“DCloudUniPush”即可。打开你的项

Uni-push 推送实现全过程 (2022 最新 最全 最细)

Uni-push推送实现全过程序言:公司使用的uniapp开发的项目需要推送功能,看了下官方文档,经过几天努力,打通了推送功能。下图是ios和安卓(oppo和荣耀手机),在线或离线获取的推送通知。简介UniPush是DCloud联合个推公司推出的集成型统一推送服务,内建了苹果、华为、小米、OPPO、VIVO、魅族、谷歌FCM等手机厂商的系统级推送和个推等第三方推送。第一步:开通UniPush推送服务云端打包应用开通UniPush功能以后,只需要在HBuilderX中打开manifest.json,选择“AppSDK配置”,向下找到推送功能配置,勾选“DCloudUniPush”即可。打开你的项

uni-app 使用 Uview2.x 搭建自定义tabbar组件

先看效果引言我的软件需要后续隐藏导航栏等功能,在开发过程中逐渐意识到uni-app原生的tabbar可能不能满足个人的开发要求,而且uView的兼容性是所有非原生组件库中最好的,所以我以uView的tabbar组件作为基础进行自定义修改安装uni-app怎么引入uView很多人都写过,可以参照uView的官网uView官网-如何安装uView我是使用Hbuilder插件的方式引入的组件库,之后的配置参考了这篇文章uni-app中引入uViewUI框架有需要的可以自行学习,在这里不占用篇幅了隐藏原生tabbar当上述内容配置好之后,就可以使用uView的组件啦,要想使用自定义tabbar,首先需

uni-app 使用 Uview2.x 搭建自定义tabbar组件

先看效果引言我的软件需要后续隐藏导航栏等功能,在开发过程中逐渐意识到uni-app原生的tabbar可能不能满足个人的开发要求,而且uView的兼容性是所有非原生组件库中最好的,所以我以uView的tabbar组件作为基础进行自定义修改安装uni-app怎么引入uView很多人都写过,可以参照uView的官网uView官网-如何安装uView我是使用Hbuilder插件的方式引入的组件库,之后的配置参考了这篇文章uni-app中引入uViewUI框架有需要的可以自行学习,在这里不占用篇幅了隐藏原生tabbar当上述内容配置好之后,就可以使用uView的组件啦,要想使用自定义tabbar,首先需

uni-app微信小程序使用ECharts

1.引入npminstallechartsmpvue-echarts2.ECharts在线构建定制echarts的js文件3.新建common文件夹,将定制文件放在common下4.将node_modules下mpvue-echarts中src文件夹复制到components文件夹下5.页面绘制viewclass="echarts-wrap"> my-echartsid="mychart-dom-bar"canvas-id="mychart-bar":echarts="echarts":onInit="initChart">my-echarts>view>//script:import*ase

uni-app微信小程序使用ECharts

1.引入npminstallechartsmpvue-echarts2.ECharts在线构建定制echarts的js文件3.新建common文件夹,将定制文件放在common下4.将node_modules下mpvue-echarts中src文件夹复制到components文件夹下5.页面绘制viewclass="echarts-wrap"> my-echartsid="mychart-dom-bar"canvas-id="mychart-bar":echarts="echarts":onInit="initChart">my-echarts>view>//script:import*ase

uni-app —— 小程序加入购物车实现过程

文章目录前言一、示意图二、整体实现思路三、实现过程1.加入购物车2.获取当前用户购物车信息3.解决数据获取不及时的问题总结前言前文已经讲解了如何实现商品规格的选择,那么接下来就应该将用户选中的商品加入购物车啦!那么如何实现呢?请看下文!一、示意图二、整体实现思路首先你得知道购物详情页面是你选中的那条数据那么接下来就是“加入购物车”的点击事件了,这个事件需要调用后端给我们提供的 “加入购物车”接口,我们的增删改查都要调用相应的接口完成相应的动作。此时我们的加入购物车,数据存在了数据库里。但是!!!数据存放在数据库中不行对吧,我们需要在购物车页面把数据库的数据拿出来。那么,这一步也需要调用“获取当

uni-app —— 小程序加入购物车实现过程

文章目录前言一、示意图二、整体实现思路三、实现过程1.加入购物车2.获取当前用户购物车信息3.解决数据获取不及时的问题总结前言前文已经讲解了如何实现商品规格的选择,那么接下来就应该将用户选中的商品加入购物车啦!那么如何实现呢?请看下文!一、示意图二、整体实现思路首先你得知道购物详情页面是你选中的那条数据那么接下来就是“加入购物车”的点击事件了,这个事件需要调用后端给我们提供的 “加入购物车”接口,我们的增删改查都要调用相应的接口完成相应的动作。此时我们的加入购物车,数据存在了数据库里。但是!!!数据存放在数据库中不行对吧,我们需要在购物车页面把数据库的数据拿出来。那么,这一步也需要调用“获取当

Uni App + Vue3 引入高德小程序插件Js文件失败

 问题描述使用uniapp模板开发微信小程序过程中引入高德地图小程序插件失败,由于本人是第一次使用vue开发对vue2和3的模块引入方式并不甚了解,官方文档也并未提及所以踩了坑,特记录一下,先看代码:importamapfrom"@/lib/amap-wx.130.js";//引入高德地图小程序插件根据官方文档这里引入js插件后即可在onload函数实例化一个AMapWX对象onLoad(){ letthat=this letamapPlugin=newamap.AMapWX({ key:"xxxxxxxxx" }) letheight=300; letwidth=3

Uni App + Vue3 引入高德小程序插件Js文件失败

 问题描述使用uniapp模板开发微信小程序过程中引入高德地图小程序插件失败,由于本人是第一次使用vue开发对vue2和3的模块引入方式并不甚了解,官方文档也并未提及所以踩了坑,特记录一下,先看代码:importamapfrom"@/lib/amap-wx.130.js";//引入高德地图小程序插件根据官方文档这里引入js插件后即可在onload函数实例化一个AMapWX对象onLoad(){ letthat=this letamapPlugin=newamap.AMapWX({ key:"xxxxxxxxx" }) letheight=300; letwidth=3