随笔分类 - 微信小程序/微信/阿里云相关开发
摘要：一、miniprogram-ci 介绍 1、miniprogram-ci 简介 miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。开发者可不打开小程序开发者工具，独立使用 miniprogram-ci 进行小程序代码的上传、预览等操作。 文档：https:
阅读全文
摘要：经常会有这样的场景：用户在网页中一键唤起小程序，能够给用户提供更好的体验。实现H5跳转小程序的方案目前有多种，可以根据自己的实际场景选择。 第一种：通过 URL Scheme 适合在外部浏览器运行的H5页面，通过 URL Scheme 的方式来拉起微信打开指定小程序。 那如何获取小程序的 URL S
阅读全文
摘要：一、企业微信客户端调试工具 1、把 devtools_resources.pak 放到企业微信的安装目录下（复制的文件名，要保证为 devtools_resources.pak），注意安装目录带有版本号（4.0.1304.400是浏览器内核的版本号）； 我装在这就放在这咯。 2、关闭企业微信，重新启
阅读全文
摘要：官方文档：https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html 1、登录公众号管理平台：广告与服务 - 模板消息 在这里需要添加“消息模板”（这里是需要拿
阅读全文
摘要：公司要开发一些工具，放在企业微信侧边栏，方便运营者去使用。之前没了解过，故而学习下是个什么东西。 一、怎么打开企业微信侧边栏？企业微信聊天侧边栏不显示是什么原因？ 在企业微信中，我们可以在聊天页面使用侧边栏功能，方便当与联系人聊天时可以提供更快捷的服务。那么怎么打开企业微信侧边栏呢？在手机端和电脑端
阅读全文
摘要：微信小程序有包体积限制，整个小程序所有分包大小不超过 20M，单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代，代码和资源会越来越多，如果不尽早规划包体积的治理，势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时，尽量减少资源占用，在小程序开发环境中显得尤为重要。代码包体
阅读全文
摘要：一、小程序基础知识 小程序是基于WEB规范，采用HTML、CSS和JS等搭建的一套框架，微信官方给它们取的名字：WXML、WXSS，但本质上还是在整个WEB体系之下构建的。WXML说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS，大家可以理解为就是自定义的CSS。实现逻辑部分的J
阅读全文
摘要：需求背景：自定义微信小程序导航栏。 因为项目需要，要实现如京东小程序类似的搜索导航栏（下图所示搜索框在导航栏中）。参考了官方API最终实现了该有的效果，顺便把此次实现的思路和代码记录下来。 一、拆解分析 按照正常的导航栏拆解来进行计算自定义导航栏的高度。 根据下图所示可以得到导航栏的高度等于：手机状
阅读全文
摘要：起因：uni-app微信app支付一直报错“errMsg“: “requestPayment:fail errors“，但是坑的是没有具体的原因，微信APP支付官方文档也很坑。我们看看有多坑： 返回结果-1，包含所有情况，至于什么情况，您自己猜去吧，唉~~ 网上查了很多别人也是很多遇到这个问题，但是
阅读全文
摘要：最近项目里需要大量上传文件，考虑使用阿里云提供的对象存储，并采用前端直传方案。这里并不想介绍如何使用，想知道如何使用，可以直接参考官方文档，也没啥特多介绍的，所以这里主要是记录一下使用中的注意点。 阿里云上传文件官方文档：阿里云上传文件前端直传方案文档 1、使用oss对象 在代码中使用OSS对象：
阅读全文
摘要：最近做了微信支付及退款一系列操作，微信文档写的也比较简略，网上博客也并不详细，也踩了一些坑，在这里记录下。当然主要还是得根据微信小程序文档一步一步来。 一、wx.requestPayment 发起微信支付。了解更多信息，请查看微信支付接口文档 所谓的发起微信支付，指的是用户侧这边唤起微信支付窗口的a
阅读全文
摘要：1、需要在json里配置 微信小程序的onPullDownRefresh回调需要在json中配置支持下拉刷新 "enablePullDownRefresh": true // 请注意是true，不是"true"字符串， // 部分开发者发现设置了还是无效，可能是因为设置的"enablePullDow
阅读全文
摘要：微信小程序如果想要优化性能，有关键性的两点：提高加载性能和提高渲染性能。 一、提高加载性能 当用户点击小程序后发生了什么？ 资源准备（代码包下载） —— 业务代码注入和渲染 —— 异步请求数据 上面的三个状态，我们经常遇到，它们分别对应小程序的下面三个状态： 有三个点的白屏阶段： 下载代码包的阶段
阅读全文
摘要：问题： iconfont在全局、页面Page当中，这个iconfont是都可以出来的； 但是在自定义组件Components里面，这个iconfont是出不来的。 问题原因： 看了小程序的文档，才发现 也就是说：组件中，app.wxss中的全局样式无效；把iconfont的css在组件中重新引入就能
阅读全文
摘要：一、uni-app编译后vendor.js文件过大 采用uni-app开发的微信小程序，发布时工具提示vendor.js过大，已经跳过es6向es5转换。查看后发现编译后代码中common/vendor.js已超过500k，所以需要体积控制。 有以下 2 种需要注意： （1）HBuilderX创建的
阅读全文
摘要：本博客主要说下思路，具体代码不贴 1、考虑到组件复用，所以我把它做成一个自定义的组件 可以传图片avater、文字内容knowledges、页面参数scene 2、组件里面首先是得需要一个画布。 画布外可以正常写元素标签，定义样式 3、画布准备好之后，就是需要准备画图的一些资源，比如图片之类的 网络
阅读全文
摘要：主要思路： 1、先分割为字符串数组，然后一个字一个字绘图，利用ctx.measureText(string) 方法，获取绘制后的宽度，判断宽度在多少内就另起一行，再将各行拼成一个字符串 2、计算另起的行总数，比如总共3行，也就是说将原来的一个长字符串按宽度分成了3行，然后循环绘制出这3行字符串即可。
阅读全文
摘要：记录下微信JSAPI支付的流程 1、判断是微信浏览器则直接请求微信授权的链接，需要传递给微信重定向回的页面，及订单id 2、上一步获取授权之后，就会拿到code，及传递的订单id，会以query的形式拼在重定向的路由上，然后通过拿到的code和订单id去请求后台获取该支付对应的需要的参数，后台返回。
阅读全文
摘要：阿里云视频点播在苹果和安卓播放视频的效果不一样，在Android手机上，X5浏览器会劫持Video标签用播放器弹出全屏播放，处于最上层，覆盖DOM元素。导致页面不能继续滑动，现在想在安卓环境下播放视频时页面能够继续滚动。 根据阿里云视频点播文档，需要在安卓端微信或qq浏览器启用同层播放即可。按官方文
阅读全文
摘要：在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点： 1、最外层容器使用 scroll-view 2、赋值scroll-into-view，如
阅读全文
