微信小程序|Taro 跨平台开发差异处理
由于各平台的差异性 ， 特殊情况下无法做到一套代码 ， 处处运行 ， 此时我们需要做一些差异化需求 。
废话不多说 ， 直接上干货
方式一：定义变量引入
//之前引入
import api from '../../utils/api'
// 差异化时 ， 我们可以根据不同的平台 ， 引入不同的 API
let api
if (process.env.TARO_ENV === 'weapp') {
api = require('../../utils/api-weapp')
else if (process.env.TARO_ENV === 'h5') {
api = require('../../utils/api-h5')
方式二：统一接口的多端文件
import api from '../../utils/api'
// 目录文件
└── utils
├── api.h5.js// h5
├── api.weapp.js// 微信小程序
└── index.js
此处列举不同端后缀
假如有一个 Test 组件存在微信小程序、百度小程序和 H5 三个不同版本 ， 那么就可以像如下组织代码
test.js 文件 ， 这是 Test 组件默认的形式 ， 编译到微信小程序、百度小程序和 H5 三端之外的端使用的版本
test.h5.js 文件 ， 这是 Test 组件的 H5 版本
test.weapp.js 文件 ， 这是 Test 组件的 微信小程序 版本
test.swan.js 文件 ， 这是 Test 组件的 百度小程序 版本
test.qq.js 文件 ， 这是 Test 组件的 QQ 小程序 版本
test.quickapp.js 文件 ， 这是 Test 组件的 快应用 版本
四个文件 ， 对外暴露的是统一的接口 ， 它们接受一致的参数 ， 只是内部有针对各自平台的代码实现
而我们使用 Test 组件的时候 ， 引用的方式依然和之前保持一致 ， import 的是不带端类型的文件名 ， 在编译的时候会自动识别并添加端类型后缀
import Test from '../../components/test'
喜欢的同学关注+收藏
【微信小程序|Taro 跨平台开发差异处理】
推荐阅读
- 数字人民币试点地区展开测试 集中在餐饮、零售、充值等小范围场景
- 小区公共收益成为一笔“糊涂账”？定期公开收支是关键
- “光盘打卡”小程序火了 激励年轻人节约粮食
- 识别“95”号段中的“李鬼” 这些小技巧要掌握!
- 起驾旅行|内蒙古戈壁滩遍地玛瑙宝石：当地万人“吃”石头，一只“小鸡”价值1.3亿元
- 科学探索|毒性更小：氧化铈纳米颗粒或成蛀牙克星
- 小区公共收益成为一笔糊涂账？定期公开收支是关键
- 生活e小调|萨尔茨堡，奥地利的西部，阿尔卑斯山脉的门庭
- “全麦面包”真假难辨：部分掺杂小麦粉 涉成分虚标
- 这些星座的男生是护妻小超人，嫁给他们很幸福！