TLingC's Zone
TLingC's Zone

小程序
文章归档

微信小程序视频无法播放的分析和解决

近期在做小程序视频项目,发现同一视频在ios中一直处于黑屏转圈圈的加载状态,但在安卓和浏览器下播放却正常。 经过排查后,发现是在拼接视频链接时多添加了/导致的,其它端可以自动处理多加的/,但ios无法正常解析地址。 https://test.com//1.mp4 修改为 https://test.com/1.mp4 即可。

9   2020-11-30  

使用Coding持续集成部署微信小程序

微信发布了独立的 miniprogram-ci 小程序编译模块,可以通过node脚本或者命令行直接操作代码上传及预览,而不再需要使用完整的微信开发者工具。 这篇文章讲述如何使用 Coding 的持续集成上传小程序代码,同时也兼容Jenkins或者基于Jenkins的持续集成系统。 首先到小程序后台,开发→开发设置→小程序代码上传获取密钥,由于 Coding 的构建节点出口IP一般不固定,因此需要关闭“IP白名单”。 获取到密钥后,到 Coding 的项目设置→开发者选项→凭据管理,凭据类型选择SSH私钥,然后填入…

457   2020-05-08  

使用Jenkins持续集成部署QQ小程序

QQ小程序提供了Docker镜像来对小程序项目进行CI构建(文档)。文档中提供的Github Actions及Drone CI两种CI工具都对Docker的相关操作进行了深度集成,以至于不需要调用docker自身的命令。 而改写成Jenkinsfile也很简单,在检出代码后,只需要先拉取镜像然后运行即可。 操作步骤 在QQ小程序后台获取AppToken,然后赋值到环境变量PLUGIN_APPTOKEN。 在检出代码后,新建一个拉取镜像的stage,拉取镜像。 stage('拉取镜像') { steps { sh 'docker pull qqminiapp/build:la…

570   2020-02-08  

小程序云开发 - 二维码生成工具

wxcloud-qrcode-generator 小程序云开发 - 二维码生成工具 实现 根据前端传递到需要生成的内容,生成二维码后上传至云存储,返回对应文件的URL。 二维码生成使用了qrcode库,可参考:https://www.npmjs.com/package/qrcode 使用 wx.showLoading() wx.cloud.callFunction({ name: 'qrcode_generator', data: { text: '需要生成的文字内容' }, complete: res => { wx.hideLoading() wx.previewImage({ urls: [res.result], }) }, fail: err…

507   2019-12-14  

解决微信小程序自定义tabbar点击态问题

项目在使用ColorUI内的custom-tab-bar示例,发现在手机上测试时切换到其它tab,点击态有时候会跳到第一个tab页后然后才到我选中的tab,但是在开发者工具上又不会出现这种问题。 之后参考了微信小程序的文档的 示例代码片段,以及 社区上类似问题的帖子,感觉是小程序本身的问题。 今天再看了一遍自定义tabBar的文档,发现有这么一句话: 每个 tab 页下的自定义 tabBar 组件实例是不同的,可通过自定义组件下的 getTabBar 接口,获取当前页面的自定义 tabBar 组件实例。 也就…

1,436   2019-10-02  

小程序提示组织目录结构的处理方法

给小程序添加functions文件夹创建云函数后,编译时出现以下提示: 文件 functions/xxxxxx/xxxxxx.js 在 project.config.json 'cloudfunctionRoot' 指定的目录, 如果不希望在小程序/小游戏的运行环境中执行该文件,请使用 project.config.json "miniprogramRoot" 组织项目目录结构 此时如果执行构建npm,系统会把云函数文件夹下面的函数依赖也视为运行环境中需要使用的组件,会读取package.json的依赖,并且构建到miniprogram_npm文件夹中,但云函数的依赖不需要使用…

762   2019-09-29  

微信小程序闪屏解决方案

问题:在做类似于朋友圈布局的小程序,图片由前台上传。近期发现经常滑动到某一张图在屏幕中出现时就开始闪屏,再滑动到看不见该图片的地方则恢复正常。 图片展示方式为background-image。 分析:查看该图片大小在400KB左右,大小为一般图片大小。但尺寸相比其它图片要大许多,达2248*1080px,判断应为图片尺寸过大导致的。 解决:对图片进行预处理,缩小图片尺寸,问题解决。

608   2019-05-13  

给小程序list列表加个搜索功能

本文介绍方法搜索效率太低,之前没有想到有更好的方法。现在我用的是直接搜索,然后把匹配结果放进新数组 今天给小程序添加个搜索功能,需要实现前端一个list列表的搜索。 搜索有search()和indexOf()两个方法,搜了一下两者的区别,发现indexOf在搜索字符串的情况下效率更高,于是选择了indexOf。 另外存储变量也有两种方案: 直接给details[id]加多一个HIDDEN变量,details[ID].HIDDEN 新增一个hidden变量,hidden[id] 试了一下,直接在wx:if中使用item.HIDDEN比hidden[index…

728   2018-06-03