苛学加记事

微信小程序订阅消息在特定的场景中，用户在小程序中发起了操作后，我们需要将该操作的后续结果通知到用户，这个时候我们就需要使用到微信小程序的订阅消息功能。如：车主为爱车预约保养时，车主在应用中提交了预约申请时，通常需要经销商的服务顾问进行确认，当服务顾问变更该预约的状态时，就需要有效的途径通知到车主。微信官方资料小程序 - 订阅消息服务端 - 统一服务消息功能流程1. 管理端获取模板 ID首先到小程序“功能>订阅消息”中创建好消息模板后，拿到模板ID。2. 应用端获取下发权限

使用Vue.prototype定义的全局变量使用uni-app开发多端应用，为了防止小程序上应用包过大同时又不影响app端的使用体验，我将一些静态资源的路径改为了Vue.prototype定义的全局变量进行拼接。app使用/static/iconimg/+图片名称实现本地访问；小程序使用https://xxx.com/iconimg+图片名称实现网络访问。于是在main.js中对资源前缀地址使用Vue.prototype进行了全局统一管理，在app端或h5端表现都正常，但是转为小程序后，却无法直接在页面

uView UIuView UI 是 uni-app 生态最优秀的UI框架之一，提供了众多常有组件。在一般的项目中，都会涉及一些定制的图标，以美化界面上的展示效果。以下记录uView UI扩展和使用自定义图标的步骤；主要有五步操作，按照步骤来，分分钟搞定。1. 准备图标素材这里使用阿里巴巴矢量图标库iconfont，进行图标的查找和管理。创建一个和项目对应的图标库项目然后设置项目FontClass/Symbol 前缀和Font Family的值分别为custom-icon-和custom-

uView UIuView UI 是 uni-app 生态最优秀的UI框架之一，提供了众多常有组件。以下记录uni-app项目使用uView UI的步骤；主要有五步操作，按照步骤来，分分钟搞定。1. 安装在需要使用uview的项目中，运行npm install uview-ui 安装命令。2. 引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。import uView from "uview-ui";Vue.us

我们这里说的全局变量，着重指的是能够全局动态响应的情况。说到全局变量，我们首先想到的可能就是vuex，确实，这是最好的实现方式。在uni-app中，我们还可以有其他的实现方式，这里我们做一个抛砖引玉的讨论，当然，我们 推荐的，还是使用uView封装后的vuex的实现方式，它具有配置简单，使用方便的特点。整体来说，在uni-app中，可以有如下实现全局变量的方式：本地存储配置文件挂载Vue.prototypeglobalDataVuex下面分别对这几个实现方式进行讲解，由于1到4点由于各种原因

一、开发设备电脑： Windows 10手机：Android 10 （未ROOT）应用：HBuider X v3.1.12二、 调试现状笔记本通过数据线链接手机，充电慢，链接不稳定，带线使用有束缚。二、无线流程通过WiFi连接手机调试Android、iOS应用 - 官方文章1. 链接手机将安卓手机通过USB连接到电脑，开启USB调试。请确认在运行菜单下能正常看到该手机设备，并和电脑处于同一局域网络。2. 进入命令窗找到HBuider X 的安装目录，然后在该目录中打开CMD窗口。接

在小程序上调用LivePusherContext.snapshot没反应。但是在uni-app手机端应用上是能正常使用的。多方打听并调试后确认，小程序上的快照方法需要在开始推流后才能正常使用。

注册好小程序账号抢注小程序名称部分应用需要申报需要HTTPS

Hello uniCloud!第一个云函数，客户端访问此接口时返回一个“Hello uniCloud!”。云函数hello.js代码如下：'use strict';//main方法exports.main = async (event, context) => { console.log(event); //传入的参数 console.log(context); //上下文信息 //返回数据给客户端 return { msg:"Hello uniCloud!" }};将

uniClouduniCloud是DCloud联合阿里云，腾讯云，为开发者提供的基于serverless模式和js编程的云开发平台。我近几年一直使用DCloud公司的产品，从Html5+、MUI到如今了uni-app。着实帮了我很大的忙，一个人就搞定了多端的开发工作。目前uniCloud推出也不太久，很多功能都在陆续完善优化，因为是和两家大的云服务商合作的，也不用担心稳定性的问题。最最最重要的是，目前很多服务都是针对开发者免费开发的。有了它，这一套东西，你的想法可以快速完成并上线。期间，你只需

uni-app项目离线打包uni-app项目离线打包官方文档 - 点击跳转当我们需要使用原生开发时，需要对uni-app项目使用离线打包方式进行调试运行及打包。以下将简单整理uni-app项目离线打包iOS应用相关流程，让你对整个流程有一个大体的了解。离线打包流程一、下载编译使用Xcode应用打开SDK包中的HBuilder-Hello项目。下载好SDK包并解压，最新iOS平台SDK下载。在解压文件夹中双击项目文件：HBuilder-Hello>HBuilder-Hello.x

调起微信支付失败功能流程：应用端发起支付申请服务端生成订单进行签名后返回应用端使用订单在应用内调起微信进行支付问题现状：无法正常调起微信，返回-1错误码。按照正常处理逻辑，查一下该错误码的解释说明把。不查不要紧，一查就痛心疾首；接过支付宝的都知道会描述一个具体的原有，但是微信支付如下：错误码为：-1可能原因：签名错误、未注册APPID、项目设置APPID不正确、注册的APPID与设置的不匹配、其他异常等这下没法子了，只能一处一处的依次检查了。一、相关文档H5+：plus.p

服务升级华为推送服务近期做了升级，新版推送必须在打包时增加agconnect-services.json，否则推送无法正常使用。HBuilderX 3.0.7 及以上版本将使用华为新版 SDK，使用此版本及以上版本时，必须提交 agconnect-services.json，否则无法打包。于是我登录华为开发者平台，结果转了一圈没找到agconnect-services.json在哪里下载。以下记录以下agconnect-services.json下载流程。登录华为开发者平台。进入管理中心。选

概述对以前的项目进行版本升级时发现，微信支付为迎合 iOS 13 要求进行了部分升级（openSDK1.8.6）。其中最主要的就是将跳转方式改为Universal Links为的就是对发起分享的合法性校验。相关链接微信支付IOS接入指南 - 点击跳转DCloud iOS平台微信SDK更新需要配置通用链接（Universal Links） - 点击跳转什么是Universal Links？在应用中需要整么配置Universal Links呢？一、何为 Universal Links翻译过来

UrlSchemes配置在uni-app项目中，UrlSchemes设置实现被第三方应用调用，主要有两种情况：一、在线打包在HBuilderX 中打开uni-app项目的manifest.json。找到APP常用其他设置，分别填写Android和iOS的UrlSchemes即可。二、离线打包Android离线打包:打开Android项目的AndroidManifest.xml文件。将应用入口activity中的android:scheme值改为需要的UrlSchemes即可。处理U

启动图问题HBuilderX上android端适配启动页面采用的是.9.png图片的方式，相关说明可以看我前面的博客《用一张正方形图片搞定安卓启动页》。那么在苹果端，启动页的自动适配使用了不同的方案：storyboard。这种配置型的启动页着实要比以前让设计人员提供给上十张各分辨率的图片要科学一些。今天就来说一说苹果端storyboard文件的制作方法。相比9png苹果的这个storyboard的制作相对于安卓的9png来说，制作复杂程度要稍大一些。9png这样直接使用设计人员制作好的图片上指

uni-app项目离线打包uni-app项目离线打包官方文档 - 点击跳转当我们需要使用原生开发时，需要对uni-app项目使用离线打包方式进行调试运行及打包。以下将简单整理uni-app项目离线打包Android应用相关流程，让你对整个流程有一个大体的了解。离线打包流程一、创建安卓项目使用 Android Studio 4.1+ 新建一个空白项目。打开Android Studio：File > New > New Project > Empty Activity >

uni-app混合开发uni-app混合开发主要为扩展接入一些第三方的SDK或其他uni-app无法实现的功能，项目结构有两种:主体采用uni-app，部分功能的实现使用原生开发。主体采用原生，部分功能栏目通过uni-app实现。和以上两种项目结构对应的有两种开发方案：插件市场购买原生插件或自己开发原生插件。项目集成uni小程序SDK或直接跳转uni-app编译为H5页面。整体上来讲uni-app的原生混合开发和原来的 Html 5+ 项目的离线打包开发有着较大的出入；需要花更多时间熟

一、PUSHpush是一种服务端向客户端发实时送通知的技术。常用的使用场景如：消息提示。事件提示。内容推送。等二、分类1. 通知消息支持离线推送，但是功能毕竟单一，就是在手机消息通知栏提示，点击该提示可以唤醒APP或打开网页。如：你的微信没启动，别人给你发消息时，手机通知栏就会有一个提示，你点击提示就打开了微信应用。3. 透传消息只能在线推送，可以携带参数，收到消息的处理逻辑可由在应用中定制。如：你的维修已启动，别人给你发消息时，微信聊天列表上会有一个红点标记。如果是用的

需要近期真实人像在部分特殊应用中，我们需要获取用户近段时间的真实人像。需要用户在app中进行人像的自助采集，要求只能调用相机拍照，不能通过相册或其他途径选择图片。一、传统方式一般的，遇到这类需求，直接调用前置摄像头即可。这种方式简单粗暴，也能达到需求，但总结一下，有以下弊端：在uni-app框架中，Android端调用前置摄像头有些设备会无法指定使用前置相机（不清楚目前有没有优化，我开发过程中遇到过）。打开原生相机页面不属于应用内页面，使用割裂感强。原生相机照片分辨率无法非常方便的控制，有

VUEX绝大多数的应用都需要支持非登录状态的预览功能，当用户感兴趣后再选择登录操作。这个时候就会涉及到全局状态管理，vuex就是针对vue做全局状态管理的组件。优点为什么会有这个东西呢？还不是因为在vue上要做全局状态管理非常麻烦且混乱。使用vuex的好处：能够在vuex中集中管理共享数据，易于开发和后期维护。能够高效的实现组件之间的数据共享，提高开发效率。响应式的机制，能够实时保持数据与页面的同步。下面我将记录在uni-app中使用vuex做用户登录状态管理的全过程。vuex官网

安卓启动图问题HBuilderX上android端提供的三个尺寸的启动图片完全不能满足全面屏盛行的时代，各种比例的屏幕上出现启动图片变形问题，让人很难受。DCloud官方的解决方案是使用.9.png图片详见。个人解决方法以前我都是建议不要是有复杂图案来作为启动图片，直接简单的写几个字就行，这样字体的变形是不容易被人察觉的。我前期还调研了几家大厂的应用启动页，图案都非常简单。个人很推荐这种方式，比较简单易懂。效果参考下图：但是种方式的局限性也很大，一般要求放个应用logo上去时，就得考虑下面

在uni-app项目中使用阿里巴巴矢量图标库在阿里巴巴矢量图标库创建一个项目，并选择需要的图标添加到该项目中。下载项目图标并解压，将iconfont.ttf文件拷贝到项目的static目录下。及使用字体图标，因为可以动态修改图标颜色，很方便；svg彩色图标是好看，但是支持不是很全在项目根目录的App.vue文件中进行全局引用：<style>/*导入字体图标*/@font-face { font-family: 'iconfont'; src: url('~@/static/i

调用父页面刷新应用中有一个nvue页面，需要添加调用父页面（vue）的下拉刷新操作的需求。尝试使用官方文档：nvue 和 vue 相互通讯经过测试，发现无法在父页面无法响应下拉刷新事件： onLoad(e) { //添加监听事件 uni.$on('refresh', function(data) { console.log(JSON.stringify(data)); //正常打印日志 uni.startPullDownRefresh(); //无法正常刷新 }); },