摘要:小程序在分享页面增加了一个需求,就是要在分享的图片下面显示自定义的日期、星期、时间、识别,如下图: 要在小程序分享图片上显示时间日期(如你提供的示例图),核心思路是:先通过 Canvas 动态绘制包含时间的分享图,再将其作为自定义图片用于分享。下面以 Taro 框架为例,给出完整实现方案: 一、核心
阅读全文
摘要:Taro4.x版本中使用taro-ui组件库,我本地使用的taro4.1.8版本,使用 npm install taro-ui命令安装组件库,无法安装成功,官方文档是要使用taro-ui@3.x的版本,尝试使用taro-ui@3.3.0版本也没成功 最后安装了taro-ui@3.0.0-alpha.
阅读全文
摘要:Taro4.x版本在搭建时引入redux,在编译时没有任何提示,在微信开发者工具中提示 TypeError: middleware is not a function, taro4.x版本默认安装的redux-thunk版本是"redux-thunk": "^3.1.0",在taro3.x版本使用r
阅读全文
摘要:Taro 在页面中import包、组件、样式文件的顺序定义。 在以往的项目中重来没有注意过这一点,后来发现每次编译小程序,可以正常跑,但是编译的输出中提示一大堆提示, 原因是不同不同页面引入相同的一些组件顺序不同,导致 Webpack 无法确定公共模块的打包顺序。所以这里就开始自定自己引入包的顺序规
阅读全文
摘要:moment.js 的包中 有许多语言库,这些语言库比moment.js本身还大,再打包时也会一起打进去,但这些语言库很多情况下不会用到,所以可以手动将其无用的语言库删除掉。 这里有一篇分析的文章 https://zhuanlan.zhihu.com/p/90306969 ,我使用了最没技术含量的操
阅读全文
摘要:Taro 使用 Webpack 作为内部的打包系统,有时候当我们的业务代码使用了 require 语法或者 import default 语法,Webpack 并不能给我们提供 tree-shaking 的效果。在这样的情况下我们通过 webpack-bundle-analyzer 来分析我们依赖打
阅读全文
摘要:Taro使用版本3.1 Taro的文档中只有静态引入插件,动态引入好像会有问题,而且官方已经找不到动态引入的文档。 微信、支付宝小程序中使用插件: 1、app.json配置 plugins: { "thePlugin": { "version": "*", // 目前只支持设置 * 拉取当前上架最新
阅读全文
摘要:使用taro框架v3.4.4版本开发小程序时,在使用 Taro.chooseLocation 显示地图定位提示 chooseLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/
阅读全文
摘要:支付宝扫码直接跳转到小程序指定的页面时,支付宝将其二维码链接转成小程序的启动参数query来传递。此时在Taro中Page页面获取这些参数 支付宝如何获取各种场景的启动参数 参考文档 在页面层面(page.js中),通过 my.getLaunchOptionsSync 获取启动参数 // 这里是支付
阅读全文
摘要:使用Taro框架v3.4.4版本,在打包发布时,主包接近2M,其中vendors.js文件超过1.5M,此时也进行了分包管理,但依旧超过1.5M, 这时就要对主包进行瘦身,否则越往后包的体积会更大。 打开根目录 config 文件夹 index.js 文件,在mini中配置 optimizeMain
阅读全文
摘要:在项目中遇到需要自定义底部的tabbar,首先需要了解底部tabbar最少2个最多5个,项目中可能会遇到自定义时底部的tabbar总个数超过5个的情况, 比如:在商家端小程序底部需要显示3个tabbar,客户端小程序也需要显示3个tabbar,此时商家端和客户端的tabbar都不相同,此时自定义就可
阅读全文
摘要:在Taro 框架微信小程序转支付宝小程序时,在微信小程序下运行正常,但在支付宝小程序编译时没有问题,运行时页面提示Page Not Found. 但页面确实存在,控制台中提示TypeError: Function (...) is not a function 无法确定问题,最后将以前的 node_
阅读全文
摘要:Taro 在编译微信小程序时引入的图片文件名可以包含@符号,但在支付宝小程序中是禁止文件名中使用@符号。 因为会抱错,此时就要将所有文件名中包含@符号的修改掉。 这个坑最近的项目刚踩过。
阅读全文
摘要:在开发过程中,会遇到同时打包微信小程序和支付宝小程序,此时只要将其打包到不同的文件夹中就可以。 下面就简单配置下,在 config 文件夹下的 index.js 文件中,修改输出指定路径,可以增加环境变量 outputRoot: `dist/${process.env.TARO_ENV}`, def
阅读全文
摘要:Taro 编译支付宝小程序正常,但在支付宝小程序里面就会提示莫名奇妙的错误。此时可以先在开发工具中勾选 启用小程序基础库 2.0 构建 如图下:
阅读全文
摘要:在项目中app.config.js中必须配置对应的页面路由,比如 pages 里面和分包 subpackages 里面都需要配置路由。 但我们在页面中如何使用路由呢,这里我们可以把页面中所有的路由都放在同一个路由文件中,这样方便管理。 写法上比app.config.js中的配置有点不同,就是最前面要
阅读全文
摘要:Taro 在微信小程序中 Taro.getAccountInfoSync 来获取appid,但在支付宝小程序里面发现该接口未定义, 查看了 支付宝文档,在基础库 2.7.17 开始提供 getAccountInfoSync 该接口。 所以问题应该就是版本不支持,要做一个兼容处理,低于2.7.17版本
阅读全文
摘要:Taro编译微信小程序跳转分包页面时没有问题,编译支付宝小程序时跳转就提示路径不存在。 此时应该就是配置的路径问题,最后查看了 文档 文档中有一行注释就提到 编译支付宝小程序时要添加 subPackages 配置和 subpackages 一致。 替换后就可以正常访问支付宝小程序分包的页面了。
阅读全文
摘要:提示unsupport permission scope: scope.userInfo,权限不支持获取用户信息。 scope.userInfo这个是微信小程序中获取用户信息的权限,需要在app.config.js中配置,但在支付宝小程序中是不支持的,所有要将其注释掉 如下图:
阅读全文
摘要:在最开始使用Taro开发微信小程序后,项目突然要求要支持支付宝小程序,好吧那就开始搞,在兼容时发现了一些问题, 其中就遇到使用 Taro.reLaunch在微信小程序中跳转页面是可以获取到参数,但在支付宝中进行页面跳转时无法获取参数, 在支付宝小程序开发工具中添加模拟参数是可以获取的,然后打印Tar
阅读全文