实际使用中,经常需要小程序分享到好友或者朋友圈,一般而言是一个个页面去设置. 官网分享介绍:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 单页面每一个需要分享的页面多需要单独写上 export default { //发送给朋友 onShareAppMessage(res) { if (res.from === 'button') {// 来自页面内分享按钮 console.log(res.target) } re

官方提供的自定义分享 使用隐式页面配置函数实现的全局分享-推荐 使用隐式路由实现的全局分享-不推荐,仅供了解隐式路由 前言: 目前微信小程序只开放了页面自定义分享的API,为了能够更灵活的进行分享配置.满足运营的需求,本文总结了微信小程序分享转发的多种用法,其中包括官方提供的页面自定义分享,使用隐式路由和页面配置实现的全局分享和全局+自定义的分享组合方式,希望能对需要实现分享多样化的同学有所帮助. 官方提供的自定义分享: 先看下官网介绍: 如上,只有定义了转发函数,才能分享页面,如此如果只需分享

全局变量和全局方法是软件开发中常用的技术点! 实现方式大致分为: 1.vuex实现,值变动灵活 2.建立js文件,页面内引用 3.挂载vue实例后使用 4.小程序中的globalData 5.本地存储 这里简单讲解下uni-app中挂载到vue实例的全局属性和方法: 在Main.js中创建: Vue.prototype.$httpUrl = "https://xxx/"; //获取图片路径 Vue.prototype.getImgSrc = function(src){ var img

在开发用户模块的时候,相信大家都碰到过一个功能,图片滑动解锁后发送验证码,这里分享我用uni-app制作的一个小控件 效果如下: 需要如下图片资源 template <template> <view class="zhezhao" v-if="shows" @tap="shows=false"> <view class="verifyBox" @touchend="onEnd"

uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件 2.添加直播组件后->点击<详情>      记录这两个参数直播插件的appid和最新版本号 3. 打开项目,找到manifest.json这个文件 代码: "plugins" : { "live-player-plugin" : { "version" : "1.1.9", //最新直播组件

因为这个jssdk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持. 最后只能放弃了,期待什么时候能更新上. 基本的使用方法:第一步 - 下载使用方式下载地址:https://unpkg.com/jweixin-module@1.4.1/out/index.js 项目引用: 项目下新建模块,放在该模块下.main.js引用: var jweixin = require('jweixin-module') //获取微信公众号的配置 uni.request

最近在做uni-app项目时,遇到了需要蓝牙打印文件的功能需要制作,在网上找到了一个教程,这里分享给大家. 引入tsc.js 简单得引入到自己所需要得页面中去,本次我们只要到了标签模式,他同时还有账单模式可以选择. // 蓝牙打印 指令和转码 var tsc = require('@components/gprint/tsc.js') 蓝牙适配前期工作 首先我们需要先初始化蓝牙模块,在进行搜索蓝牙.在监听到附近蓝牙设备时,记录他的名称和deviceId. onBlue(e) { uni.open

在我们开发的uni-app的过程中,页面跳转及提示框往往是我们做数据交互及结果反馈所要使用的功能,这里分享下我收集的一些方法及看法. 一:页面跳转 事件跳转 :指通过tap等事件来实现页面的跳转,跳转的方法分三类,直接跳转,关闭当前页面后跳转,标题页面跳转. 直接跳转(uni.navigateTo),具体参数如下: 案例: //在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: 'test?id=1&name=uniapp' }); // 在test.vu

开发了一年的uni-app,在这里总结一些uni-app开发中的问题,提供几个解决方法,分享给大家: 问题描述:一个主页面,需要联通一到两个子页面,子页面传值到主页面,主页面更新 问题难点: 首先我们需要一个逻辑模型(这里随便画了一个) 通过这个模型,我们可以看到一个问题,子页面的内容怎么传回主页面,怎么让这个传回的方式更安全有效,这也是这个问题的难点,我总结了三种解决方法,在这里分享给大家: 第一种:url传值 顾名思义,就是利用页面的url方法来传值,具体操作逻辑如下: 主页面:用onloa

<template> <view> <view class="personal_li" @click="shareClick"> <image src="../../static/address.png" mode="widthFix" class="iconImage"></image> <text class="font14&q

1.uni-app中对接第三方为了防止跳出app使用了webview <template> <view> <web-view :src="url" @message="message"></web-view> </view> </template> <script> export default { data() { return { url: '' } }, onLoad(opti

开发环境 1. Android Studio下载地址:Android Studio官网 OR Android Studio中文社区 2. HBuilderX(开发工具) 3. App离线SDK下载:最新android平台SDK下载 注意:HBuilderX版本要跟SDK版本一致. SDK目录说明 |-- HBuilder-Hello App离线打包演示应用 |-- HBuilder-Integrate-AS 集成uni-app或5+ app的最简示例 |-- SDK SDK库文件目录 |-- F

最近使用 uni-app 开发 app ,需要实现一个调起手机摄像头扫描二维码功能,官网API文档给出了这样一个demo: // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型:' + res.scanType); console.log('条码内容:' + res.result); } }); 该示例确实可以调起手机摄像头,但扫描后没有结果.但它打印了 条码类型 与 条码内容 ,我们控制台查看一下: 条

Android平台从6.0(API23)开始系统对权限的管理更加严格,所有涉及敏感权限都需要用户授权允许才能获取.因此一些应用基础业务逻辑需要的权限会在应用启动时申请,并引导用户允许. 读写手机存储权限 应用需要保存运行状态等数据到手机SD卡中,启动时需要获取读写手机存储权限,此权限为基础权限,影响真机运行.wgt升级. 注意:此权限目标不是要访问相册,是Android把相册写入权限和存储写入权限合并在一个权限里了. 注意:wgt热更新是应用市场不乐见的,不建议明显提示给用户或告知应用市场. 申

http.js //封装requset,uploadFile和downloadFile请求,新增get和post请求方法 let http = { 'setBaseUrl': (url) => { if (url.charAt(url.length - 1) === "/") { url = url.substr(0, url.length - 1) } http.baseUrl = url; }, 'header': {}, 'beforeRequestFilter': (co

背景 最近项目使用uni-app实现微信支付,把过程简单记录下,帮助那些刚刚基础uni-app,苦于文档的同学们.整体来说实现过程和非uni-app的实现方式没有太大不同,难点就在于uni-app对于orderInfo的格式没有说明. 准备工作 申请了商户号,拿到了API秘钥.这个需要微信开发平台,相关的工作大家百度. 后面代码里用到的appid和秘钥之类需要实现申请号. 在uni-app manifest.json 配置sdk支付权限 前端代码 onload阶段获取了可用支付列表,这里我们只用

在做uni-app开发的过程中,我们最头疼可能不是开发的过程中的逻辑,而是最后要做的三端兼容测试和修改,在我开发的项目中,这一步都是最头疼和令人头秃的过程,这里总结一些个人开发遇到的问题,希望对大家有所帮助. 三端头部高度兼容 描述:在开发中,原生的标题往往不能满足我们的开发要求,我们需要自己写一个自定义的导航栏来使用,那么这就涉及一个问题,app和小程序的头部是有一段自填充高度的,原生的标题会自己填充出来,而我们自定义的导航栏需要自己设置,这里提供给大家一种思路,代码如下. <template

这里分享一个我经常用到的一个方法,主要是用来复制文字内容,具体代码如下: var that=this; if(!document){ uni.setClipboardData({ data:复制的值, success:function(){ uni.showToast({ icon:"none", title: '复制成功!', duration: 2000 }); } }) }else{ var textarea = document.createElement('textarea'

在做用户登录的过程中,其实最重要的是登录成功后的数据要怎么储存,储存到哪里,这里我分享一个利用vuex来实现用户登录和用户数据留存的方法 vuex代码如下: //引入vue和vuex import Vue from 'vue' import Vuex from 'vuex' //H5配置行 import createPersistedState from 'vuex-persistedstate' Vue.use(Vuex) const store = new Vuex.Store({ //全局

应用生命周期(仅可在App.vue中监听) 页面生命周期(在页面中添加) 当页面中需要用到下拉刷新功能时,打开pages.json,在"globalStyle"里设置"enablePullDownRefresh":true 此时所有页面都可以完成下拉刷新功能如果想单个页面不能执行刷新功能:在pages.json里单个页面上添加 onShareAppMessage 用户点击右上角分享,可在转发时设置转发标题,路径和图片 组件的生命周期(与vue标准组件的生命周期相同)