小程序踩坑

在项目中使用的是 uni-app 适应多端、多套部署。

但是在实际开发过程中，由于各端、框架的差异会出现一些奇葩的问题。

一、元素事件绑定

在uni-app 插件市场找了一个tab组件：searchTabbar

微信小程序中使用正常，但是在钉钉小程序中一直点击无效。

代码是：

<div class="nav-btn">
    <span class="nav-btn-item" v-for="item in arrs" :key="item.value" @click="onItemClick(item)" :class="[value === item.value ? 'nav-btn-item--active' : '']">
        {{ item.label }}
    </span>
</div>

完全看不出问题来。

再看 uni-app 生成的钉钉代码 span 用 label。

结果……

在钉钉开发文档中看到：

label 在钉钉小程序里面根本没有点击的事件，所以即使绑定了也无效。

关于元素属性：

1、微信：原生元素的本身属性都可以使用，在此基础上又进行了一定的扩展

2、钉钉：只有官方文档列出的属性，才可以使用，否则无效！！！

二、cookie

小程序中用到权限认证这一块，在登录后每次的请求都需要带上 cookie。

在 PC 端浏览器会自动带上 set-cookie ，小程序中有所差异。

1、微信小程序，需要手动在 request 的 header 中添加 

2、钉钉小程序中会自动带上 set-cookie 中的值，不需要手动添加（IOS 系统中不会携带，还是需要手动添加）

3、钉钉小程序 response 返回的结构不一样，不能用以前的方法解析（开发工具中和其他一样，真机下结构变了……，很坑的一点）

三、fail url not in domain list

微信小程序，配置好域名。但是一直报这个错误。

另外一个配置统一的域名都没有问题。

问题：

想了下配置过程：先上传版本后，配置的域名（先后关系）

解决：

删除已经上传的版本，重置配置域名，再发布。这时就可以正常访问

 

后续待更新……