如何用TypeScript开发微信小程序

1、微信小程序注册

在微信公众平台官网首页，按照提示点击右上角的“立即注册”按钮，里面总过有12步，按照要求提交就可以了。

2、小程序申请微信认证

政府、媒体、其他组织类型帐号，必须通过微信认证验证主体身份。企业类型帐号，可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。

认证入口：登录小程序—设置—基本设置—微信认证—详情

3、小程序申请微信支付

已认证的小程序可申请微信支付。

4、小程序绑定微信开放平台帐号

小程序绑定微信开放平台帐号后，可与帐号下的其他移动应用、网站应用及公众号打通，通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。

UnionID机制说明：如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序)，可通过UnionID来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序)，用户的unionid是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。用户的UnionID可通过调用“获取用户信息”接口获取。

5、了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。

绑定小程序流程说明：登录微信开放平台、—管理中心—公众帐号—绑定公众帐号

注意：微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。

要求是使用 vue3 + typescript 进行开发小程序和H5的跨端应用

在 uniapp 和 taro 这两个之中进行选择 在参了官方和社区示例后最终选择了 taro 。原因在于 uniapp 目前对于 vue3 的支持尚不完全比如说暂不支持 setup 语法糖对于h5的支持比较差 没有支持 vue3 的 ui 框架等等。

node.js

注意tarojs的版本 建议使用 taro 3.0.24 以上的版本

由于引用 node_modules 的模块，默认不会编译，所以需要额外给 H5 配置 esnextModules ，在 taro 项目的 config/index.js 中新增如下配置项：

如果出现类似 Could not find module View in @tarojs/components 的问题，请在进行如下设置：

详情请参考 https://github.com/dexterBo/mall

---