媒介

用时一周，终究胜利兼容了h5和小顺序，在此运用的taro框架，碰到的题目在此纪录一下。

一、环境推断

运用 Taro，我们能够只誊写一套代码，再经由过程 Taro 的编译东西，将源代码离别编译出能够在差别端（微信/百度/支付宝/字节跳动小顺序、H5、React-Native 等）运转的代码。
由于是一套代码兼容差别容器，所以在有些不兼容的情况下，推断地点环境就成了异常重要的一环，taro框架自带环境推断如下图。

二、编译设置

在小顺序中不存在接口接见跨域的题目，然则转成h5后开辟时这个题目就会涌现了，taro有一个专属于h5的编译设置，运用方法和webpack险些如出一辙，能够异常轻易的做proxy转发,运用方法参考webpack-dev-server设置。

三、舆图功用

小顺序中自带舆图api，如手百小顺序中有特地的map组件，触及位置信息的功用能够直接挪用swan.openLocation跳转内置舆图页面，非常轻易，然则转成h5今后没有子带的舆图功用怎么办。。。没错，本身手写一个，运用process.env.TARO_ENV推断环境为h5时跳转到本身写的map页，百度舆图有封装好的种种api，能够在页面中挪用，详见百度舆图开放平台。

四、表单

手百小顺序picker组件是支撑region形式，直接能够完成省市区挑选，然则taro框架h5不支撑，须要用picker的multiSelector功用来完成省市区的挑选。所以还须要一个都市列表的接口。

五、触及登录的接口要求

上线今后我发明须要登录的接口运用Taro.request都得不到准确返回，抓包发明是没有带cookie，原因是taro有一个属性credentials，只要在h5端有这个参数，它的默认值是omit，是要求时不带cookie的，有效值：include, same-origin, omit。须要在要求时修正它的值才能够准确通报cookie，上线后发明安卓手机要求有题目，但iOS手机都能够一般返回效果，能够由于Safari自带了cookie相干的设置，使同源的要求都能够准确照顾cookie吧，安卓就没有这个功用，致使了这个题目，加上credentials： same-origin即可解决题目。

六、总结

此次也许碰到的题目就是这些，今后碰到新的题目再随时补充，迎接人人提出看法，一同交换提高。