记录uni-app的APP端分享到微信好友,链接为小程序页面,分享失败的BUG
记录uni-app的APP端分享到微信好友,链接为小程序页面,分享失败的BUG
分享到微信好友,链接为小程序端报错
16:59:19.617 fail:{"errMsg":"share:fail [Share微信分享:-6]send, http://ask.dcloud.net.cn/article/287","errCode":-100,"code":-100} at pages/product/detail.vue:300
step1
找原因:由于我没有遇到过,怎么 ...
uni-app中使用uView组件库
01通过npm的方式安装uView组件库
uView依赖SCSS,您必须要安装此插件,否则无法正常运行。
如果您的项目是由HBuilder X创建的,
相信已经安装scss插件,
如果没有,请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装,
如不生效,重启HX即可
然后执行 npm install uview-ui
这样就可以下载组件库了
除了通过n ...
uni-app 底部导航栏-中间突出
在实际页面开发中,经常有中间突出的tab需求。
以一个单页面为中心的显示:https://www.cnblogs.com/lovejielive/p/14251327.html,在处理数据相对麻烦。
以组件方式来导入,就要在pages.json中配置的tabBar的每一个页面中导入该组件,当然也可以选择全局导入。
组件形式配置,页面的各项生命周期都可以正常 ...
uni-app 上架各大应用商店
一、关于隐私政策部分
1.隐私政策要包含APP安装及运行所需权限列表的说明(包括:IMEI、IMSI、设备MAC地址、软件列表、设备序列号、android ID...)
2.APP 收集使用个人信息的内容、目的、方式和范围等说明。
3.安装APP后,第一次进入APP 弹出隐私与政策提示框
参考链接:https://ask.dcloud.net.cn/article/36 ...
uni-app 环境配置,uni.request封装,接口配置,全局配置,接口调用的封装
1.环境配置 (可参考uni-官网的环境配置)
common文件夹下新建config.js
let url_config = ""
if(process.env.NODE_ENV === 'development'){
// 开发环境
url_config = 'https://*****.com/'
}else{
// 生产环境
url_config = 'https://*****.com/'
}
export default url_config
2.uni.request ...
Uni-app v-if的写法
在Uni-app中,v-if 支持以下类型
假如存在以下变量
data(){
return{
isShow:true,
sex:2
}
}
1.bool类型的变量
<view v-if="isShow" style="width:300upx;height:300upx">
显示
</view>
<view v-else style="width:300upx;height:300upx">
不显 ...
uni-app跨平台框架介绍和快速入门
前言:
首先今天主要介绍的是一个多平台的前端框架uni-app,关于多平台的前端框架网上有很多成熟的解决方案比如说Taro,React Native,Flutter等这些都是一些非常优秀的前端跨平台的框架(大家想要了解更多可以上网查询各种框架的优缺点,温馨提示:没有最好的框架,选择适合自己或者自己团队的才是最好的框架)。
为什 ...
uni-app仿抖音APP短视频+直播+聊天实例|uniapp全屏滑动小视频+直播
基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive。
uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目。支持全屏丝滑般上下滑动切换小视频,迷你时间进度条,Nvue解决视频层级显示,可编译兼容H5+小程序+APP端。
◆ 一览效果
编译至 [小程序+H5+App端] 效果如下
最新版uniapp+vue3+uv- ...
uni-app的pages.json之subPackages、preloadRule——分包
paages.json 用于uni-app的全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。类似于微信小程序的app.json页面管理部分。由于各个小程序平台的限制和优化启动速度。所以,我们可能需要用到分包机制——例如,在微信小程序中生成的单个包大于2M时,是不能上传的。
所以,我们使用subPackge ...
uni-app 之使用分包——起源于微信错误码——800051
故事起源
最近一直在用uni-app开发微信小程序。良久没有真机调试和发布。一步小心,居然发现它错了。
message:Error: 系统错误,错误码:80051,source size 2169KB exceed max limit 2MB [20210915 14:30:39][wxe41256ffb86e9b9c]
原来小程序有体积和资源加载限制。在微信小程序中,每个包不能超过2M,总计不能超过20 ...
uni-app中websocket的使用 断开重连、心跳机制
前言
最近关于H5和APP的开发中使用到了webSocket,由于web/app有时候会出现网络不稳定或者服务端主动断开,这时候导致消息推送不了的情况,需要客户端进行重连。查阅资料后发现了一个心跳机制,也就是客户端间隔一段时间就向服务器发送一条消息,如果服务器收到消息就回复一条信息过来,如果一定时间内没有回复,则表示已经 ...
uni-app forms验证规则之验证数值
uni-app中如何使用表单验证数值?其中一种方法就是使用uni-forms表单验证。插件地址为: https://ext.dcloud.net.cn/plugin?id=2773。
1. 使用HBuilderX 导入插件或下载并将插件复制到合适的位置。
2. 依据示例项目,填写验证规则。
我们可以看到,设置数值范围的参数为 minimum 和 maximum 。rules的部分 ...
uni-app之页面通讯——uni.$emit、uni.$on、uni.$once、uni$off
uni.$emit(eventName,Object)
触发全局的自定义事件,附加参数都会传给监听器回调函数。
属性
类型
描述
eventName
String
事件名
Object
Object
触发全局的自定义事件,附加参数都会传给监听器回调函数。
示例代码如下:
uni.$emit('update',{msg:'页面更新'})
uni.$on(eventName,callback)
监听全局的自定义 ...
uni-app 小程序从零开始的开发流程
前言
本文基于 HBuilderX 3.1.22 + 微信开发者工具 1.05.2106300为主要内容进行说明。
文档版本:1.0.2
更新时间:2021-09-04 16:42; 2021-10-22 13:46;
一、准备
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/ ...
uni-app缓存问题
项目背景:与异地小组合作开发一款基于uni-app框架的app。其中异地小组负责后端,提供接口供本地小组调用。
工具:hbuilder、charles、google浏览器、nox夜神模拟器
问题描述:将应用在浏览器中运行,不同用户可以正常登陆,不存在缓存问题。但是打成安装包之后,放到真机或者夜神模拟器中,使用不同用户登陆应用,发现当前 ...
运行uni-app到微信开发者工具
1、工具及环境
HBuilder X
微信开发者工具
Node.js,测试:node -v(node安装) 和 npm -v(自带的npm也安装成功)
2、创建uni-app项目:
在点击工具栏里的文件 -> 新建 -> 项目,选择uni-app,输入工程名,如:hello-uniapp,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可,如下图:
一个uni-app项 ...
uni-app选择器
页面样式与布局
uni-app的css与web的css基本一致。本文没有讲解css的用法。在你了解web的css的基础之上,本文讲述一些样式相关的注意事项。
uni-app有vue页面和nvue页面。vue页面是webview渲染的、app端的nvue页面是原生渲染的。在nvue页面里样式比web会限制更多,
本文重点介绍vue页面的样式注意事项。
尺寸单位
uni-app ...
uni-app
什么是 uni-app
uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,几乎覆盖所有流量端。
uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。
使用 uni-app 的前置条件
不要认为uni-app ...
uni-app基础组件
以下所有内容都来自uni-app官方文档: https://uniapp.dcloud.io/component/
视图容器
view
view组件类似于html中的div,其主要作用就是当做一个容器来使用
属性说明
属性名类型默认值说明
hover-class
String
none
指定按下去的样式类。当 hover-class="none" 时,没有点击 ...
uni-app之预加载和取消预加载(仅支持APP和H5)——uni.preloadPage、uni.unPreloadPage
今天,在做微信小程序的时候,有一个请求需要较长的时间。向通过预加载实现。结果,结果……不支持小程序。但还是把它记录下来,说不定以后会用上。
题外话。后来将请求放到本地缓存。先读取缓存。然后,再悄悄的请求、更新。
uni.preloadPage(OBJECT)
预加载页面,是一种性能优化技术。被预载的页面,在打开时速度更快。
...