https://www.yuque.com/cjc1216/mgm0hh/bq0pkb

插件开发接入流程

  1. 开通插件功能
  2. 填写开发信息并开发
  3. 完善基本信息
  4. 提交审核、发布

  5. 管理插件使用申请

    插件如何开发

    开发插件前，请阅读 https://developers.weixin.qq.com/miniprogram/introduction/plugin.html **了解开通流程及开放范围**
    https://developers.weixin.qq.com/miniprogram/dev/devtools/plugin.html
    _

    创建插件项目

    使用公用的小程序 AppID，使用开发者工具选择创建小程序插件快速启动模板
    模版说明：

    1. miniprogram 文件夹是一个普通小程序项目，用来编写小程序插件的使用 Demo，上传插件代码时这个 Demo 会一起上传，并作为小程序插件的发布的审核依据.
    2. plugin 文件就是小程序插件项目，用来编写小程序插件的代码
    3. project.config.json 需要关注 compileType 字段，compileType == ‘plugin’ 时才能正常的使用插件项目
    4. doc 目录：用于放置插件开发文档


插件目录结构

  1. plugin
  2. ├── components
  3. │   ├── hello-component.js   // 插件提供的自定义组件（可以有多个）
  4. │   ├── hello-component.json
  5. │   ├── hello-component.wxml
  6. │   └── hello-component.wxss
  7. ├── pages
  8. │   ├── hello-page.js        // 插件提供的页面（可以有多个，自小程序基础库版本 2.1.0 开始支持）
  9. │   ├── hello-page.json
  10. │   ├── hello-page.wxml
  11. │   └── hello-page.wxss
  12. ├── index.js                 // 插件的 js 接口
  13. └── plugin.json              // 插件配置文件

插件配置文件

向使用者小程序开放的所有自定义组件、页面和 js 接口都必须在插件配置文件 plugin.json 列出

  1. {
  2.   "publicComponents": {  // 自定义组件存放位置
  3.     "hello-component": "components/hello-component"
  4.   },
  5.   "pages": {  // 页面存放位置
  6.     "hello-page": "pages/hello-page"
  7.   },
  8.   "main": "index.js"
  9. }

插件项目上传

上传插件代码前，需要指定版本号，格式为 数字.数字.数字 ，每个数字最大为 999
每次提交版本前，版本号需要递增，谨慎！！！

插件文档编写、预览和上传

插件使用

在小程序项目的 app.json 的 plugins 字段中可以声明使用插件
如果当前的编译类型为小程序时，需要指定已发布的插件的版本号，开发者工具会根据版本号去拉取对应版本的插件进行编译

使用插件

添加插件

在使用插件前，首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台，通过 appid 查找插件并添加。如果插件无需申请，添加后可直接使用；否则需要申请并等待插件开发者通过后，方可在小程序中使用相应的插件

引入插件代码包

使用插件前，使用者要在 app.json 中声明需要使用的插件

  1. {
  2.   "plugins": {
  3.     "myPlugin": {
  4.       "version": "1.0.0",
  5.       "provider": "wxidxxxxxxxxxxxxxxxx"
  6.     }
  7.   }
  8. }

使用插件

  1. 自定义组件 在 json 文件定义需要引入的自定义组件时，使用 plugin:// 协议指明插件的引用名和自定义组件名
  2. 页面 需要跳转到插件页面时，url 使用 plugin:// 前缀，形如 plugin://PLUGIN_NAME/PLUGIN_PAGE

  3. JS 接口 ，通过这个方法requirePlugin，获得暴露的方法和变量

    注意点

  4. 请注意：插件暂不支持在体验版中体验

  5. 插件调用API的限制 https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/api-limit.html
  6. 插件调用组件的限制 https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/component-limit.html


估时

  1. 新建项目
  2. 微信现有部分页面可复用
  3. 估时（12）：
  4. 熟悉文档和项目创建（2）
  5. 页面迁移和接口联调（5）
  6. 登录流程（1）
  7. 支付流程（1）
  8. 新接口联调（3）

调研方向

1.插件如何开发，是否新建项目
2.插件如何使用
3.按现有团油小程序估时大概多久

授权、登陆、支付、代码复用