CINXE.COM

<!DOCTYPE html> <html lang="cn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>开发插件 | 微信开放文档</title> <meta name="description" content="微信开发者平台文档"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <meta name="keywords" content="微信官方文档"> <link rel="shortcut icon" type="image/x-icon" href="https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico"> <link rel="mask-icon" color="#4C4C4C" href="https://res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg"> <link rel="apple-touch-icon-precomposed" href="https://res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png"> <script> (function () { 'use strict'; const SCRIPT_URLs = [ 'https://dldir1.qq.com/WechatWebDev/devPlatform/px.min.js', 'https://dev.weixin.qq.com/platform-console/proxy/assets/tel/px.min.js', ]; const param = { maskMode: 'no-mask', // 隐私策略, all-mask 或 no-mask, 详见：https://dev.weixin.qq.com/docs/analysis/sdk/docs.html recordCanvas: false, // 若要采集canvas, 设为true projectId: 'wxef34f91ddab0c534-0HLdQNKAk-dzsFsA', // 项目 ID，需替换为体验分析项目 ID iframe: false, // 是否采集 iframe 页面 console: true, // 是否采集 console 输出的错误日志 network: true, // 是否采集网络错误 }; function loadScript(url) { return new Promise((resolve, reject) => { const scriptEle = document.createElement('script'); scriptEle.type = 'text/javascript'; scriptEle.async = true; scriptEle.src = url; scriptEle.onload = () => { resolve(url); }; scriptEle.onerror = () => { reject(new Error('Script load error')); }; document.head.appendChild(scriptEle); }); } async function main() { try { sessionStorage.setItem('wxobs_start_timestamp', String(Date.now())); const fastestUrl = await Promise.race(SCRIPT_URLs.map(url => loadScript(url))); window.__startPX && window.__startPX(param); } catch (error) { console.error('Error loading scripts:', error); } } main(); })(); </script> <link rel="preload" href="https://res.wx.qq.com/wxdoc/dist/assets/css/0.styles.1c26de10.css" as="style"><link rel="preload" href="https://res.wx.qq.com/wxdoc/dist/assets/js/app.531c6ec3.js" as="script"><link rel="preload" href="https://res.wx.qq.com/wxdoc/dist/assets/js/222.5feccaee.js" as="script"> <link rel="stylesheet" href="https://res.wx.qq.com/wxdoc/dist/assets/css/0.styles.1c26de10.css"> </head> <body> <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-container"><header class="navbar navbar_with-link"><div class="navbar__left"><a href="/doc/" class="home-link"><div class="logo__wrp"><span class="logo__icon"></span></div></a> <span class="dot"></span> <div class="dropdown-wrapper"><a class="dropdown-title"><span class="title">小程序</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item selected"> <a href="/miniprogram/dev/framework/" class="nav-link external"> 小程序 </a></li><li class="dropdown-item"> <a href="/minigame/introduction/" class="nav-link external"> 小游戏 </a></li><li class="dropdown-item"> <a href="/doc/offiaccount/Getting_Started/Overview.html" class="nav-link external"> 公众号 </a></li><li class="dropdown-item"> <a href="/doc/aispeech/platform/INTRODUCTION.html" class="nav-link external"> 智能对话 </a></li><li class="dropdown-item"> <a href="/doc/oplatform/Third-party_Platforms/2.0/getting_started/terminology_introduce.html" class="nav-link external"> 开放平台 </a></li><li class="dropdown-item"> <a href="https://work.weixin.qq.com/api/doc" class="nav-link external"> 企业微信 </a></li><li class="dropdown-item"> <a href="https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/pages/index.shtml" class="nav-link external"> 微信支付 </a></li><li class="dropdown-item"> <a href="/doc/channels/Operational_Guidelines/Shop_opening_guidelines.html" class="nav-link external"> 视频号 </a></li><li class="dropdown-item"> <a href="/doc/store/API/basics/ChangeLog.html" class="nav-link external"> 微信小店 </a></li><li class="dropdown-item"> <a href="/doc/xwei/xiaowei-introduction/Introduction.html" class="nav-link external"> 腾讯小微 </a></li><li class="dropdown-item"> <a href="/doc/ministore/minishopquickstart/introduction.html" class="nav-link external"> 小商店 </a></li></ul></div></div> <div class="navbar__center"><nav class="nav-links"><div class="nav-item selected"><a href="/miniprogram/dev/framework/" class="nav-link external"> 开发 </a></div><div class="nav-item"><a href="/miniprogram/introduction/" class="nav-link external"> 介绍 </a></div><div class="nav-item"><a href="/miniprogram/design/" class="nav-link external"> 设计 </a></div><div class="nav-item"><a href="/miniprogram/product/" class="nav-link external"> 运营 </a></div><div class="nav-item"><a href="/miniprogram/analysis/wedata/intro/" class="nav-link external"> 数据 </a></div><div class="nav-item"><a href="/miniprogram/security/basic/" class="nav-link external"> 安全 </a></div></nav></div> <div class="navbar__right"><nav class="nav-links"><div class="nav-item community-item"><a href="https://developers.weixin.qq.com/community/develop/mixflow" target="_blank" class="nav-link external"> 社区 </a></div><div class="nav-item community-item"><a href="https://developers.weixin.qq.com/community/business" target="_blank" class="nav-link external"> 学堂 </a></div></nav> <ul class="lang-tab"><li class="lang-tab__icon"><img src="https://res.wx.qq.com/t/components/icons/base/translate_regular.svg"></li></ul> <div class="search__wrp-flex"><div class="search__input"><div class="weui-desktop-search"><button class="weui-desktop-icon-btn weui-desktop-search__btn weui-desktop-icon-btn__width"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.4529 16.4014C14.2428 17.4001 12.6915 18 11 18C7.134 18 4 14.866 4 11C4 7.134 7.134 4 11 4C14.866 4 18 7.134 18 11C18 12.7425 17.3633 14.3363 16.3099 15.5614L20.4243 19.6757L19.5757 20.5243L15.4529 16.4014ZM16.8 11C16.8 14.2033 14.2033 16.8 11 16.8C7.79674 16.8 5.2 14.2033 5.2 11C5.2 7.79676 7.79674 5.20001 11 5.20001C14.2033 5.20001 16.8 7.79676 16.8 11Z" fill="black"></path></svg></button></div> <a href="javascript:;" class="search-back__btn">取消</a></div> <div class="reco-list__wrp" style="display:none;"><ul class="reco__list"></ul> <div class="show-more"><a href="/doc/search?source=more&query=&doc_type=miniprogram&jumpbackUrl=%2Fdoc%2F" class="reco-item__link">查看更多 </a></div></div> <div class="reco-list__wrp" style="display:none;"><div class="show-more"><a href="/doc/search?source=more&query=&doc_type=miniprogram&jumpbackUrl=%2Fdoc%2F" class="reco-item__link">在小程序下暂无结果，查看其它业务相关内容 > </a></div></div></div></div></header> <div class="subnavbar"><ul class="subnavbar__list"><li class="subnavbar__item selected" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/framework/" target="_self" class="router-link-active"> 指南 </a> </div> </li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/reference/" target="_self"> 框架 </a> </div> </li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/component/" target="_self"> 组件 </a> </div> </li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/api/" target="_self"> API </a> </div> </li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/OpenApiDoc/" target="_self"> 服务端 </a> </div> </li><li class="subnavbar__item dropdown-subnavbar" style="display:;"><div class="dropdown-subnavbar-title"><a>平台能力</a> <span class="arrow right dropdown-subnavbar-select"></span></div> <ul class="dropdown-subnavbar-ul"><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/industry/" target="_self" class="nav-link external"> 行业能力 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/business-capabilities/" target="_self" class="nav-link external"> 商业能力 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/miniapp/" target="_self" class="nav-link external"> 多端能力 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/service-market/" target="_self" class="nav-link external"> 服务市场 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/cityservice/" target="_self" class="nav-link external"> 城市服务 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/charge/" target="_self" class="nav-link external"> 付费能力 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/platform-capabilities/extended/" target="_self" class="nav-link external"> 拓展能力 </a></li></ul></li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/devtools/devtools" target="_self"> 工具 </a> </div> </li><li class="subnavbar__item dropdown-subnavbar" style="display:;"><div class="dropdown-subnavbar-title"><a>云服务</a> <span class="arrow right dropdown-subnavbar-select"></span></div> <ul class="dropdown-subnavbar-ul"><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/wxcloudservice/wxcloud/basis/getting-started" target="_self" class="nav-link external"> 云开发 </a></li><li class="dropdown-item" style="display:;"><a href="/miniprogram/dev/wxcloudservice/wxcloudrun/src/" target="_self" class="nav-link external"> 云托管 </a></li></ul></li><li class="subnavbar__item" style="display:;"><div class="dropdown-subnavbar-title"><a href="/miniprogram/dev/framework/release/" target="_self"> 更新日志 </a> </div> </li></ul></div> <div class="mobile-links__wrp"><div class="mobile-links_mobile"><a href="javascript:;" class="mobile-links__btn">开发</a></div> <div class="mobile-links__panel"><div class="links-panel__bd"><nav class="nav-links"><div class="nav-item selected"><a href="/miniprogram/dev/framework/" class="nav-link external"> 开发 </a></div><div class="nav-item"><a href="/miniprogram/introduction/" class="nav-link external"> 介绍 </a></div><div class="nav-item"><a href="/miniprogram/design/" class="nav-link external"> 设计 </a></div><div class="nav-item"><a href="/miniprogram/product/" class="nav-link external"> 运营 </a></div><div class="nav-item"><a href="/miniprogram/analysis/wedata/intro/" class="nav-link external"> 数据 </a></div><div class="nav-item"><a href="/miniprogram/security/basic/" class="nav-link external"> 安全 </a></div></nav></div> <div class="links-panel__ft"><ul class="lang-tab"><li class="lang-tab__icon"><img src="https://res.wx.qq.com/t/components/icons/base/translate_regular.svg"></li></ul></div></div> <div><div class="weui-mask" style="display:none;"></div> <div class="weui-actionsheet "> <div class="weui-actionsheet__menu"><div class="weui-actionsheet__cell">中文</div><div class="weui-actionsheet__cell">EN</div></div> <div class="weui-actionsheet__action"><div class="weui-actionsheet__cell">取消</div></div></div></div></div> <a href="javascript:;" class="mobile-search-btn"></a> <div class="main-container" style="margin-top:144px;"><div class="main-contontaier__bd" style="min-height:0px;"><div class="sidebar__wrp"><div class="sidebar-cell_mobile"><li class="subnavbar__item selected"><a href="javascript:;" target="_self">指南</a></li></div> <aside class="sidebar" style="top:144px;"> <div class="TreeNavigation"><div class="NavigationLevel NavigationLevel--level-0"><ul><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/" class="NavigationItem__router-link"> 起步 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/#小程序简介" class="NavigationItem__router-link"> 小程序简介 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/#小程序技术发展史" class="NavigationItem__router-link"> 小程序技术发展史 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/#小程序与普通网页开发的区别" class="NavigationItem__router-link"> 小程序与普通网页开发的区别 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/#体验小程序" class="NavigationItem__router-link"> 体验小程序 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/getstart.html" class="NavigationItem__router-link"> 开始 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/getstart.html#申请账号" class="NavigationItem__router-link"> 申请账号 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/getstart.html#安装开发工具" class="NavigationItem__router-link"> 安装开发者工具 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/getstart.html#你的第一个小程序" class="NavigationItem__router-link"> 你的第一个小程序 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/getstart.html#编译预览" class="NavigationItem__router-link"> 编译预览 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/code.html" class="NavigationItem__router-link"> 小程序代码构成 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/code.html#JSON-配置" class="NavigationItem__router-link"> JSON 配置 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/code.html#WXML-模板" class="NavigationItem__router-link"> WXML 模板 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/code.html#WXSS-样式" class="NavigationItem__router-link"> WXSS 样式 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/code.html#JS-逻辑交互" class="NavigationItem__router-link"> JS 逻辑交互 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/framework.html" class="NavigationItem__router-link"> 小程序宿主环境 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/framework.html#渲染层和逻辑层" class="NavigationItem__router-link"> 渲染层和逻辑层 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/framework.html#程序与页面" class="NavigationItem__router-link"> 程序与页面 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/framework.html#组件" class="NavigationItem__router-link"> 组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/framework.html#API" class="NavigationItem__router-link"> API </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/release.html" class="NavigationItem__router-link"> 小程序协同工作和发布 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/release.html#协同工作" class="NavigationItem__router-link"> 协同工作 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/release.html#小程序的版本" class="NavigationItem__router-link"> 小程序的版本 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/release.html#发布上线" class="NavigationItem__router-link"> 发布上线 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/quickstart/release.html#运营数据" class="NavigationItem__router-link"> 运营数据 </a>  </span></li></ul></div></li><li><span class="NavigationItem">   <a href="https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a" target="_blank" class="NavigationItem__external-link">小程序开发指南</a></span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/structure.html" class="NavigationItem__router-link"> 目录结构 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/config.html" class="NavigationItem__router-link"> 配置小程序 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/config.html#全局配置" class="NavigationItem__router-link"> 全局配置 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/config.html#页面配置" class="NavigationItem__router-link"> 页面配置 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/MINA.html" class="NavigationItem__router-link"> 小程序框架 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/MINA.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/scene.html" class="NavigationItem__router-link"> 场景值 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/" class="NavigationItem__router-link"> 逻辑层 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/app.html" class="NavigationItem__router-link"> 注册小程序 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/page.html" class="NavigationItem__router-link"> 注册页面 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/page-life-cycle.html" class="NavigationItem__router-link"> 页面生命周期 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/route.html" class="NavigationItem__router-link"> 页面路由 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/route-event-listener.html" class="NavigationItem__router-link"> 页面路由监听 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/module.html" class="NavigationItem__router-link"> 模块化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/app-service/api.html" class="NavigationItem__router-link"> API </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/" class="NavigationItem__router-link"> 视图层 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/wxml/" class="NavigationItem__router-link"> WXML </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/wxss.html" class="NavigationItem__router-link"> WXSS </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/wxs/" class="NavigationItem__router-link"> WXS </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/wxml/event.html" class="NavigationItem__router-link"> 事件系统 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/wxml/event.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/interactive-animation.html" class="NavigationItem__router-link"> WXS 响应事件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/tap.html" class="NavigationItem__router-link"> Tap 事件 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/two-way-bindings.html" class="NavigationItem__router-link"> 简易双向绑定 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/component.html" class="NavigationItem__router-link"> 基础组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/selector.html" class="NavigationItem__router-link"> 获取界面上的节点信息 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/resizable.html" class="NavigationItem__router-link"> 响应显示区域变化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/frameset.html" class="NavigationItem__router-link"> 分栏模式 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/animation.html" class="NavigationItem__router-link"> 动画 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/view/initial-rendering-cache.html" class="NavigationItem__router-link"> 初始渲染缓存 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/env.html" class="NavigationItem__router-link"> 小程序运行时 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/env.html" class="NavigationItem__router-link"> 运行环境 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/js-support.html" class="NavigationItem__router-link"> JavaScript 支持情况 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/operating-mechanism.html" class="NavigationItem__router-link"> 运行机制 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/update-mechanism.html" class="NavigationItem__router-link"> 更新机制 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/introduction.html" class="NavigationItem__router-link"> Skyline 渲染引擎 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/introduction.html" class="NavigationItem__router-link"> 概览 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/introduction.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/features.html" class="NavigationItem__router-link"> 特性 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/comparation.html" class="NavigationItem__router-link"> 性能对比 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/experience.html" class="NavigationItem__router-link"> 示例体验 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/component.html" class="NavigationItem__router-link"> 支持与差异 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/component.html" class="NavigationItem__router-link"> 基础组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/wxss.html" class="NavigationItem__router-link"> WXSS 样式 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/worklet.html" class="NavigationItem__router-link"> 增强特性 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/worklet.html" class="NavigationItem__router-link"> Worklet 动画 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/gesture.html" class="NavigationItem__router-link"> 手势系统 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/custom-route.html" class="NavigationItem__router-link"> 自定义路由 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/preset-route.html" class="NavigationItem__router-link"> 预设路由效果 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/open-container.html" class="NavigationItem__router-link"> 容器转场动画 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/pop-gesture.html" class="NavigationItem__router-link"> 页面返回手势 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/share-element.html" class="NavigationItem__router-link"> 共享元素动画 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/appbar.html" class="NavigationItem__router-link"> 全局工具栏 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/scroll-container.html" class="NavigationItem__router-link"> 滚动容器及其应用场景 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/" class="NavigationItem__router-link"> 从 WebView 迁移 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/" class="NavigationItem__router-link"> 起步 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/skyline.html" class="NavigationItem__router-link"> 新版组件框架适配指引 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/best-practice.html" class="NavigationItem__router-link"> 最佳实践 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/compatibility.html" class="NavigationItem__router-link"> 常见兼容问题 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/release.html" class="NavigationItem__router-link"> 发布上线 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/migration/migration-tool.html" class="NavigationItem__router-link"> 迁移工具 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/debug.html" class="NavigationItem__router-link"> 性能调试 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/changelog.html" class="NavigationItem__router-link"> 动态 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/changelog.html" class="NavigationItem__router-link"> 更新日志 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/runtime/skyline/status.html" class="NavigationItem__router-link"> 特性状态 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/introduction.html" class="NavigationItem__router-link"> glass-easel 组件框架 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/introduction.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/migration.html" class="NavigationItem__router-link"> 适配指引 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/beta-features.html" class="NavigationItem__router-link"> 新增特性 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/beta-features.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/call-data-functions.html" class="NavigationItem__router-link"> 在模板中调用 data 里的函数 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/chaining-api.html" class="NavigationItem__router-link"> Chaining API </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/chaining-api-init.html" class="NavigationItem__router-link"> Chaining API 的 init 函数 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/glass-easel/dynamic-slots.html" class="NavigationItem__router-link"> 动态 slot </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/" class="NavigationItem__router-link"> 自定义组件 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/wxml-wxss.html" class="NavigationItem__router-link"> 组件模板和样式 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/component.html" class="NavigationItem__router-link"> Component 构造器 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/events.html" class="NavigationItem__router-link"> 组件间通信与事件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/lifetimes.html" class="NavigationItem__router-link"> 组件生命周期 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/behaviors.html" class="NavigationItem__router-link"> behaviors </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/relations.html" class="NavigationItem__router-link"> 组件间关系 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/observer.html" class="NavigationItem__router-link"> 数据监听器 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/pure-data.html" class="NavigationItem__router-link"> 纯数据字段 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/generics.html" class="NavigationItem__router-link"> 抽象节点 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/extend.html" class="NavigationItem__router-link"> 自定义组件扩展 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/trdparty.html" class="NavigationItem__router-link"> 开发第三方自定义组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/unit-test.html" class="NavigationItem__router-link"> 单元测试 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/update-perf-stat.html" class="NavigationItem__router-link"> 获取更新性能统计信息 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/placeholder.html" class="NavigationItem__router-link"> 占位组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/custom-component/debug.html" class="NavigationItem__router-link"> 查看自定义组件数据 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/" class="NavigationItem__router-link router-link-active"> 插件 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/" class="NavigationItem__router-link router-link-active"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/development.html" aria-current="page" class="NavigationItem__router-link router-link-exact-active router-link-active"> 开发插件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/using.html" class="NavigationItem__router-link"> 使用插件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/api-limit.html" class="NavigationItem__router-link"> 插件调用 API 的限制 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/component-limit.html" class="NavigationItem__router-link"> 插件使用组件的限制 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages.html" class="NavigationItem__router-link"> 插件功能页 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages/user-info.html" class="NavigationItem__router-link"> 用户信息功能页 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages/request-payment.html" class="NavigationItem__router-link"> 支付功能页 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages/choose-address.html" class="NavigationItem__router-link"> 收货地址功能页 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages/choose-invoice.html" class="NavigationItem__router-link"> 发票功能页 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/plugin/functional-pages/choose-invoice-title.html" class="NavigationItem__router-link"> 发票抬头功能页 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/network.html" class="NavigationItem__router-link"> 基础能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/network.html" class="NavigationItem__router-link"> 网络 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/network.html" class="NavigationItem__router-link"> 使用说明 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/domain.html" class="NavigationItem__router-link"> 业务域名 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/mDNS.html" class="NavigationItem__router-link"> 局域网通信 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/HTTPDNS.html" class="NavigationItem__router-link"> 移动解析HttpDNS </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/storage.html" class="NavigationItem__router-link"> 存储 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/file-system.html" class="NavigationItem__router-link"> 文件系统 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/canvas.html" class="NavigationItem__router-link"> 画布 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/canvas.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/canvas-legacy-migration.html" class="NavigationItem__router-link"> 旧版迁移指南 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/subpackages.html" class="NavigationItem__router-link"> 分包加载 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/subpackages/basic.html" class="NavigationItem__router-link"> 使用分包 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/subpackages/independent.html" class="NavigationItem__router-link"> 独立分包 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/subpackages/preload.html" class="NavigationItem__router-link"> 分包预下载 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/subpackages/async.html" class="NavigationItem__router-link"> 分包异步化 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/lazyload.html" class="NavigationItem__router-link"> 按需注入和用时注入 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/workers.html" class="NavigationItem__router-link"> 多线程 Worker </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/server-ability/backend-api.html" class="NavigationItem__router-link"> 服务端能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/server-ability/backend-api.html" class="NavigationItem__router-link"> 服务端 API </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/server-ability/message-push.html" class="NavigationItem__router-link"> 消息推送 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/custom-tabbar.html" class="NavigationItem__router-link"> 自定义 tabBar </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/background-fetch.html" class="NavigationItem__router-link"> 周期性更新 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/pre-fetch.html" class="NavigationItem__router-link"> 数据预拉取 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/darkmode.html" class="NavigationItem__router-link"> DarkMode 适配指南 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/ability/adapt.html" class="NavigationItem__router-link"> 大屏适配指南 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/inference/tutorial.html" class="NavigationItem__router-link"> AI/AR </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/inference/tutorial.html" class="NavigationItem__router-link"> AI推理能力 <span class="wedoc-beta-tag" style="margin-left:0;">Beta</span></a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/inference/tutorial.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/inference/supports.html" class="NavigationItem__router-link"> 算子支持列表 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/inference/tutorial_int8.html" class="NavigationItem__router-link"> 模型量化推理 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/base.html" class="NavigationItem__router-link"> VisionKit 视觉能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/base.html" class="NavigationItem__router-link"> VisionKit 基础 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/plane.html" class="NavigationItem__router-link"> 6Dof-水平面 AR </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/plane-options.html" class="NavigationItem__router-link"> 6Dof-水平面 AR 扩展能力 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/marker.html" class="NavigationItem__router-link"> Marker AR </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/osd.html" class="NavigationItem__router-link"> 单样本检测（OSD） </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/face.html" class="NavigationItem__router-link"> 人脸检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/body.html" class="NavigationItem__router-link"> 人体检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/hand.html" class="NavigationItem__router-link"> 人手检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/shoe.html" class="NavigationItem__router-link"> 鞋部检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/ocr.html" class="NavigationItem__router-link"> OCR检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/idcard.html" class="NavigationItem__router-link"> 身份证检测 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/visionkit/depth.html" class="NavigationItem__router-link"> 深度估计 </a>  </span></li></ul></div></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/" class="NavigationItem__router-link"> XR-FRAME </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/" class="NavigationItem__router-link"> 开发指南 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/" class="NavigationItem__router-link"> 开始 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#新建一个XR组件" class="NavigationItem__router-link"> 新建一个XR组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#在页面中使用这个组件" class="NavigationItem__router-link"> 在页面中使用这个组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#添加一个物体" class="NavigationItem__router-link"> 添加一个物体 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#来点颜色和灯光" class="NavigationItem__router-link"> 来点颜色和灯光 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#有点寡淡，加上图像" class="NavigationItem__router-link"> 有点寡淡，加上图像 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#让场景更丰富，环境数据" class="NavigationItem__router-link"> 让场景更丰富，环境数据 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#动起来，加入动画" class="NavigationItem__router-link"> 动起来，加入动画 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#还是不够，放个模型" class="NavigationItem__router-link"> 还是不够，放个模型 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#再来点交互" class="NavigationItem__router-link"> 再来点交互 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#组件通信，加上HUD" class="NavigationItem__router-link"> 组件通信，加上HUD </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#虚拟-x-现实，追加-AR-能力" class="NavigationItem__router-link"> 虚拟 x 现实，追加 AR 能力 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#识别人脸，给自己戴个面具" class="NavigationItem__router-link"> 识别人脸，给自己戴个面具 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#手势，给喜欢的作品点赞" class="NavigationItem__router-link"> 手势，给喜欢的作品点赞 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#OSDMarker，给现实物体做标记" class="NavigationItem__router-link"> OSDMarker，给现实物体做标记 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#_2DMarker-视频，让照片动起来" class="NavigationItem__router-link"> 2DMarker+视频，让照片动起来 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#加上魔法，来点粒子" class="NavigationItem__router-link"> 加上魔法，来点粒子 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#后处理，让画面更加好玩" class="NavigationItem__router-link"> 后处理，让画面更加好玩 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#分享给你的好友吧！" class="NavigationItem__router-link"> 分享给你的好友吧！ </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/xr-frame/#之后的，就交给你的创意" class="NavigationItem__router-link"> 之后的，就交给你的创意 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/bluetooth.html" class="NavigationItem__router-link"> 连接硬件能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/bluetooth.html" class="NavigationItem__router-link"> 蓝牙 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/bluetooth.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/ble.html" class="NavigationItem__router-link"> 蓝牙低功耗 (BLE) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/ble-mesh.html" class="NavigationItem__router-link"> 蓝牙低功耗网状网络 (BLE Mesh) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/beacon.html" class="NavigationItem__router-link"> 蓝牙信标 (Beacon) </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/nfc.html" class="NavigationItem__router-link"> 近场通信 (NFC) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/wifi.html" class="NavigationItem__router-link"> 无线局域网 (Wi-Fi) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-access.html" class="NavigationItem__router-link"> 硬件设备接入 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-message.html" class="NavigationItem__router-link"> 设备消息 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-register.html" class="NavigationItem__router-link"> 设备认证 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-register.html" class="NavigationItem__router-link"> 指引 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-register-wmpf.html" class="NavigationItem__router-link"> 使用 WMPF（安卓）认证设备 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-register-sdk.html" class="NavigationItem__router-link"> 设备认证 SDK（安卓） </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-tee.html" class="NavigationItem__router-link"> 设备认证 TEE 规范 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-voip.html" class="NavigationItem__router-link"> 音视频通话（for 硬件） </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-voip.html" class="NavigationItem__router-link"> 指引 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/" class="NavigationItem__router-link"> VoIP 通话插件 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/" class="NavigationItem__router-link"> 接入指引 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-4"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/initByCaller.html" class="NavigationItem__router-link"> 接口文档 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-5"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/call-intro.html" class="NavigationItem__router-link"> 发起通话 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/call-intro.html" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/initByCaller.html" class="NavigationItem__router-link"> initByCaller </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/callWMPF.html" class="NavigationItem__router-link"> callWMPF </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/callDevice.html" class="NavigationItem__router-link"> callDevice </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/forceHangUpVoip.html" class="NavigationItem__router-link"> forceHangUpVoip </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/getPluginEnterOptions.html" class="NavigationItem__router-link"> getPluginEnterOptions </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/getPluginOnloadOptions.html" class="NavigationItem__router-link"> getPluginOnloadOptions </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/onVoipEvent.html" class="NavigationItem__router-link"> onVoipEvent </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/setCustomBtnText.html" class="NavigationItem__router-link"> setCustomBtnText </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/setUIConfig.html" class="NavigationItem__router-link"> setUIConfig </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/setVoipEndPagePath.html" class="NavigationItem__router-link"> setVoipEndPagePath </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/getIotBindContactList.html" class="NavigationItem__router-link"> getIotBindContactList </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/api/errCode.html" class="NavigationItem__router-link"> 错误码 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/wxpay.html" class="NavigationItem__router-link"> 支付刷脸模式 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-plugin/changelog.html" class="NavigationItem__router-link"> 更新日志 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/device-app-android.html" class="NavigationItem__router-link"> 开发安卓设备端应用 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/voip-sdk.html" class="NavigationItem__router-link"> 小程序音视频通话 SDK </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/voip-sdk.html" class="NavigationItem__router-link"> Linux 设备 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-4"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/le-device-sdk.html" class="NavigationItem__router-link"> RTOS 设备 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/le-device-sdk.html" class="NavigationItem__router-link"> 云对云设备端 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/cloud-server-sdk.html" class="NavigationItem__router-link"> 云对云服务端 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/voip-video.html" class="NavigationItem__router-link"> VoIP 视频流指南 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-sdk/wx_operation.html" class="NavigationItem__router-link"> 异步接口使用指南 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip-sdk/hal.html" class="NavigationItem__router-link"> 硬件抽象层 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/auth.html" class="NavigationItem__router-link"> 用户授权设备 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/call-wechat.html" class="NavigationItem__router-link"> 设备呼叫手机微信 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/call-wmpf.html" class="NavigationItem__router-link"> 手机微信呼叫设备(安卓) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/call-device.html" class="NavigationItem__router-link"> 手机微信呼叫设备(Linux) </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/performance.html" class="NavigationItem__router-link"> 性能与体验优化 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/voip-faq.html" class="NavigationItem__router-link"> 问题排查 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/voip-faq.html" class="NavigationItem__router-link"> 常见问题 FAQ </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/guide.html" class="NavigationItem__router-link"> 通话异常排查指南 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/notification.html" class="NavigationItem__router-link"> 通话提醒异常排查指南 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/download-device-register.html" class="NavigationItem__router-link"> 下载 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/download-device-register.html" class="NavigationItem__router-link"> 设备认证工具 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/voip/download-wxvoipsdk-linux.html" class="NavigationItem__router-link"> 小程序音视频通话 SDK (Linux) </a>  </span></li><li><span class="NavigationItem">   <a href="https://developers.weixin.qq.com/doc/oplatform/Miniprogram_Frame/download.html" target="_blank" class="NavigationItem__external-link">安卓小程序硬件框架</a></span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/device-group.html" class="NavigationItem__router-link"> 设备组 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/device/help.html" class="NavigationItem__router-link"> 需要帮助 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/login.html" class="NavigationItem__router-link"> 开放能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/login.html" class="NavigationItem__router-link"> 用户信息 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/login.html" class="NavigationItem__router-link"> 小程序登录 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/union-id.html" class="NavigationItem__router-link"> UnionID 机制说明 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/authorize.html" class="NavigationItem__router-link"> 授权 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/signature.html" class="NavigationItem__router-link"> 开放数据校验与解密 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/getPhoneNumber.html" class="NavigationItem__router-link"> 手机号快速验证组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/getRealtimePhoneNumber.html" class="NavigationItem__router-link"> 手机号实时验证组件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/userProfile.html" class="NavigationItem__router-link"> 获取头像昵称 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/bio-auth.html" class="NavigationItem__router-link"> 生物认证 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share-timeline.html" class="NavigationItem__router-link"> 分享到朋友圈 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share.html" class="NavigationItem__router-link"> 转发 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share.html" class="NavigationItem__router-link"> 转发 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share/updatable-message.html" class="NavigationItem__router-link"> 动态消息 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share/private-message.html" class="NavigationItem__router-link"> 小程序私密消息 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/favorite.html" class="NavigationItem__router-link"> 收藏 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/material/support_material.html" class="NavigationItem__router-link"> 聊天素材打开 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/safe-password.html" class="NavigationItem__router-link"> 安全能力 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/user-encryptkey.html" class="NavigationItem__router-link"> 小程序加密网络通道 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/safe-password.html" class="NavigationItem__router-link"> 安全键盘 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/share-werun.html" class="NavigationItem__router-link"> 分享数据到微信运动 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/voip-chat.html" class="NavigationItem__router-link"> 音视频通话 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/voip-chat.html" class="NavigationItem__router-link"> 多人音视频对话 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/1v1voip.html" class="NavigationItem__router-link"> 双人音视频对话 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/launchApp.html" class="NavigationItem__router-link"> 打开 App </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/openEmbeddedMiniProgram.html" class="NavigationItem__router-link"> 打开半屏小程序 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message.html" class="NavigationItem__router-link"> 消息 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message-overview.html" class="NavigationItem__router-link"> 订阅消息 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message-2.html" class="NavigationItem__router-link"> 新版一次性订阅消息开发指南 <span class="wedoc-beta-tag" style="margin-left:0;">Beta</span></a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-4"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message.html" class="NavigationItem__router-link"> 小程序订阅消息（用户通过弹窗订阅）开发指南 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message.html#订阅消息语音提醒" class="NavigationItem__router-link"> 订阅消息语音提醒 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/subscribe-message.html#订阅消息添加提醒" class="NavigationItem__router-link"> 订阅消息添加提醒 </a>  </span></li></ul></div></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/uniform-message.html" class="NavigationItem__router-link"> 统一服务消息 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/customer-message.html" class="NavigationItem__router-link"> 客服消息 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/customer-message.html" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/receive.html" class="NavigationItem__router-link"> 接收消息和事件 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/send.html" class="NavigationItem__router-link"> 发送消息 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/trans.html" class="NavigationItem__router-link"> 转发消息 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/typing.html" class="NavigationItem__router-link"> 下发客服输入状态 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/customer-message/temp-media.html" class="NavigationItem__router-link"> 临时素材 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/location-message.html" class="NavigationItem__router-link"> 位置消息 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/qr-code.html" class="NavigationItem__router-link"> 获取小程序码 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/url-scheme.html" class="NavigationItem__router-link"> 获取小程序链接 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/url-scheme.html" class="NavigationItem__router-link"> 获取 URL Scheme </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/url-link.html" class="NavigationItem__router-link"> 获取 URL Link </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/shortlink.html" class="NavigationItem__router-link"> 获取 Short Link </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/sms.html" class="NavigationItem__router-link"> 应用：短信打开小程序 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/NFC.html" class="NavigationItem__router-link"> 应用：NFC 标签打开小程序 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/migrateMiniprogram.html" class="NavigationItem__router-link"> 小程序账号迁移 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/channels-profile.html" class="NavigationItem__router-link"> 视频号 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/channels-profile.html" class="NavigationItem__router-link"> 视频号主页 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/channels-activity.html" class="NavigationItem__router-link"> 视频号视频 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/channels-live.html" class="NavigationItem__router-link"> 视频号直播 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/channels-event.html" class="NavigationItem__router-link"> 视频号活动 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/data-analysis.html" class="NavigationItem__router-link"> 数据分析 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/nearby.html" class="NavigationItem__router-link"> 附近的小程序 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/banner-ad.html" class="NavigationItem__router-link"> 广告 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/banner-ad.html" class="NavigationItem__router-link"> Banner 广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/rewarded-video-ad.html" class="NavigationItem__router-link"> 激励视频广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/interstitialAd-ad.html" class="NavigationItem__router-link"> 插屏广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/video-feeds-ad.html" class="NavigationItem__router-link"> 视频广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html" class="NavigationItem__router-link"> 视频前贴广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/grid-ad.html" class="NavigationItem__router-link"> 格子广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/custom-ad.html" class="NavigationItem__router-link"> 原生模板广告 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/preload-ad.html" class="NavigationItem__router-link"> 广告预加载接口 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/ad-data-interface.html" class="NavigationItem__router-link"> 广告数据接口 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/ad-data-interface.html#一、获取小程序广告汇总数据（publisher-adpos-general）" class="NavigationItem__router-link"> 广告汇总数据 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/ad-data-interface.html#二、获取小程序广告细分数据（publisher-adunit-general）" class="NavigationItem__router-link"> 广告细分数据 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/ad-data-interface.html#三、获取小程序广告位清单（get-adunit-list）" class="NavigationItem__router-link"> 广告位清单 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/open-ability/ad/ad-data-interface.html#四、获取小程序结算收入数据及结算主体信息（publisher-settlement）" class="NavigationItem__router-link"> 结算收入数据 </a>  </span></li></ul></div></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/usability/debug.html" class="NavigationItem__router-link"> 调试 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/usability/debug.html" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/usability/vConsole.html" class="NavigationItem__router-link"> vConsole </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/usability/sourceMap.html" class="NavigationItem__router-link"> Source Map </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/realtimelog/" class="NavigationItem__router-link"> 实时日志 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/usability/PublicErrno.html" class="NavigationItem__router-link"> Errno错误码 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start.html" class="NavigationItem__router-link"> 性能与体验 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start.html" class="NavigationItem__router-link"> 启动性能 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start.html" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start_process.html" class="NavigationItem__router-link"> 小程序启动流程 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start_optimizeA.html" class="NavigationItem__router-link"> 代码包体积优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start_optimizeB.html" class="NavigationItem__router-link"> 代码注入优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start_optimizeC.html" class="NavigationItem__router-link"> 首屏渲染优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/start_optimizeD.html" class="NavigationItem__router-link"> 其他优化建议 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips.html" class="NavigationItem__router-link"> 运行时性能 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips.html" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/runtime_setData.html" class="NavigationItem__router-link"> 合理使用 setData </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/runtime_render.html" class="NavigationItem__router-link"> 渲染性能优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/runtime_nav.html" class="NavigationItem__router-link"> 页面切换优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/runtime_resource.html" class="NavigationItem__router-link"> 资源加载优化 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/tips/runtime_memory.html" class="NavigationItem__router-link"> 内存优化 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/perf_data.html" class="NavigationItem__router-link"> 性能数据 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/analysis.html" class="NavigationItem__router-link"> 体验分析 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/perf_debug.html" class="NavigationItem__router-link"> 调试工具 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/perf_debug.html" class="NavigationItem__router-link"> 概述 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/remote_debug_2.html" class="NavigationItem__router-link"> 真机调试 2.0 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/devtools-perf.html" class="NavigationItem__router-link"> 「模拟器」和「调试器」 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/quality-panel.html" class="NavigationItem__router-link"> 代码质量分析面板 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/fps_panel.html" class="NavigationItem__router-link"> FPS 面板 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/panel.html" class="NavigationItem__router-link"> 性能面板 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/audits.html" class="NavigationItem__router-link"> 体验评分 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/audits.html" class="NavigationItem__router-link"> 体验评分简介 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-3"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/scoring.html" class="NavigationItem__router-link"> 评分方法与规则 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/scoring.html" class="NavigationItem__router-link"> 评分方法 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/performance.html" class="NavigationItem__router-link"> 性能 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/accessibility.html" class="NavigationItem__router-link"> 体验 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/audits/best-practice.html" class="NavigationItem__router-link"> 最佳实践 </a>  </span></li></ul></div></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/wasm.html" class="NavigationItem__router-link"> WXWebAssembly </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/api-frequency.html" class="NavigationItem__router-link"> 接口调用频率规范 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/network.html" class="NavigationItem__router-link"> 网络调优 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/performance/weak-network.html" class="NavigationItem__router-link"> 弱网体验优化 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html" class="NavigationItem__router-link"> 安全指引 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#开发原则与注意事项" class="NavigationItem__router-link"> 开发原则与注意事项 </a>  </span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#通用" class="NavigationItem__router-link"> 通用 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#接口鉴权" class="NavigationItem__router-link"> 接口鉴权 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#代码管理与泄漏" class="NavigationItem__router-link"> 代码管理与泄漏 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#信息泄露" class="NavigationItem__router-link"> 信息泄露 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#授权用户信息变更" class="NavigationItem__router-link"> 授权用户信息变更 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#小程序违规处罚信息通知" class="NavigationItem__router-link"> 小程序违规处罚信息通知 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#后台（包括云函数与自建后台）" class="NavigationItem__router-link"> 后台 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#注入漏洞" class="NavigationItem__router-link"> 注入漏洞 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#弱口令" class="NavigationItem__router-link"> 弱口令 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#文件上传漏洞" class="NavigationItem__router-link"> 文件上传漏洞 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#文件下载" class="NavigationItem__router-link"> 文件下载 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#目录遍历" class="NavigationItem__router-link"> 目录遍历 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/security.html#条件竞争" class="NavigationItem__router-link"> 条件竞争 </a>  </span></li></ul></div></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/operation.html" class="NavigationItem__router-link"> 健康运营指引 </a>  </span></div> <ul class="NavigationLevel__children"><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-2"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/user-privacy/" class="NavigationItem__router-link"> 用户隐私保护 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/user-privacy/" class="NavigationItem__router-link"> 用户隐私保护指引填写说明 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/user-privacy/miniprogram-intro.html" class="NavigationItem__router-link"> 小程序用户隐私保护指引内容介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/user-privacy/plugin-intro.html" class="NavigationItem__router-link"> 插件用户隐私保护说明内容介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/user-privacy/PrivacyAuthorize.html" class="NavigationItem__router-link"> 小程序隐私协议开发指南 </a>  </span></li></ul></div></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/operation.html#用户安全解决方案" class="NavigationItem__router-link"> 用户安全解决方案 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/operation.html#内容安全解决方案" class="NavigationItem__router-link"> 内容安全解决方案 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/gateway.html" class="NavigationItem__router-link"> 业务安全解决方案 </a>  </span></li></ul></div></li><li><span class="NavigationItem">   <a href="https://developer.work.weixin.qq.com/document/path/92455" target="_blank" class="NavigationItem__external-link">企业微信兼容</a></span></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/client-lib/" class="NavigationItem__router-link"> 基础库 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/client-lib/" class="NavigationItem__router-link"> 介绍 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/client-lib/version.html" class="NavigationItem__router-link"> 版本分布 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/compatibility.html" class="NavigationItem__router-link"> 低版本兼容 </a>  </span></li></ul></div></li><li><div class="NavigationLevel NavigationLevel--closed NavigationLevel--level-1"><div class="NavigationLevel__parent"><span class="NavigationToggle NavigationToggle--closed"><span class="NavigationToggle__icon NavigationToggle__icon--closed"></span></span> <span class="NavigationItem"> <a href="/miniprogram/dev/framework/search/seo.html" class="NavigationItem__router-link"> 小程序搜索 </a>  </span></div> <ul class="NavigationLevel__children"><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/search/seo.html" class="NavigationItem__router-link"> 小程序搜索优化指南 </a>  </span></li><li><span class="NavigationItem"> <a href="/miniprogram/dev/framework/product/" class="NavigationItem__router-link"> 商品数据接入（内测） </a>  </span></li></ul></div></li></ul></div></div> </aside></div> <div class="page__wrp"><main class="page"><div class="page-inner" style="min-height:0px;"> <div id="docContent"><div class="Breadcrumb"></div> <div class="content custom"><h1 id="开发插件"><a href="#开发插件" class="header-anchor">#</a> 开发插件</h1> <p>开发插件前，请阅读了解 <a href="https://developers.weixin.qq.com/miniprogram/introduction/plugin.html" target="_blank" rel="noopener noreferrer">《小程序插件接入指南》<span></span></a> 了解开通流程及开放范围，并开通插件功能。如果未开通插件功能，将无法上传插件。</p> <h2 id="创建插件项目"><a href="#创建插件项目" class="header-anchor">#</a> 创建插件项目</h2> <p>插件类型的项目可以在开发者工具中直接创建。<a href="./../../devtools/plugin.html">详情</a></p> <p><img src="https://res.wx.qq.com/wxdoc/dist/assets/img/createplugin.50189a78.png" alt="创建插件"></p> <p>新建插件类型的项目后，如果创建示例项目，则项目中将包含三个目录：</p> <ul><li><code>plugin</code> 目录：插件代码目录。</li> <li><code>miniprogram</code> 目录：放置一个小程序，用于调试插件。</li> <li><code>doc</code> 目录：用于放置插件开发文档。</li></ul> <p><code>miniprogram</code> 目录内容可以当成普通小程序来编写，用于插件调试、预览和审核。下面的内容主要介绍 <code>plugin</code> 中的插件代码及 <code>doc</code> 中的插件开发文档。</p> <p>我们提供了 <a href="https://developers.weixin.qq.com/s/NrPCBmmT7B1B" target="_blank" rel="noopener noreferrer">一个可以直接在微信开发者工具中查看的完整插件示例<span></span></a>，开发者可以和本文互相对照以便理解。请注意：</p> <ol><li>由于插件需要 appid 才能工作，请填入一个 appid；</li> <li>由于当前代码片段的限制，打开该示例后请 <strong>手动将 appid 填写到 <code>miniprogram/app.json</code> 中（如下图）使示例正常运行。</strong></li></ol> <p><img src="https://res.wx.qq.com/wxdoc/dist/assets/img/plugin_minicode_guide.09990255.png" alt="手动填写 appid"></p> <h2 id="插件目录结构"><a href="#插件目录结构" class="header-anchor">#</a> 插件目录结构</h2> <p>一个插件可以包含若干个自定义组件、页面，和一组 js 接口。插件的目录内容如下：</p> <div class="language- extra-class"><pre class="language-text"><code>plugin ├── components │ ├── hello-component.js // 插件提供的自定义组件（可以有多个） │ ├── hello-component.json │ ├── hello-component.wxml │ └── hello-component.wxss ├── pages │ ├── hello-page.js // 插件提供的页面（可以有多个，自小程序基础库版本 2.1.0 开始支持） │ ├── hello-page.json │ ├── hello-page.wxml │ └── hello-page.wxss ├── index.js // 插件的 js 接口 └── plugin.json // 插件配置文件 </code></pre></div><h2 id="插件配置文件"><a href="#插件配置文件" class="header-anchor">#</a> 插件配置文件</h2> <p>向使用者小程序开放的所有自定义组件、页面和 js 接口都必须在插件配置文件 <code>plugin.json</code> 列出，格式如下：</p> <p><strong>代码示例：</strong></p> <div class="language-json extra-class"><pre class="language-json"><code><span class="token punctuation">{</span> <span class="token property">"publicComponents"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"hello-component"</span><span class="token operator">:</span> <span class="token string">"components/hello-component"</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token property">"pages"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"hello-page"</span><span class="token operator">:</span> <span class="token string">"pages/hello-page"</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token property">"main"</span><span class="token operator">:</span> <span class="token string">"index.js"</span> <span class="token punctuation">}</span> </code></pre></div><p>这个配置文件将向使用者小程序开放一个自定义组件 <code>hello-component</code>，一个页面 <code>hello-page</code> 和 <code>index.js</code> 下导出的所有 js 接口。</p> <h2 id="进行插件开发"><a href="#进行插件开发" class="header-anchor">#</a> 进行插件开发</h2> <p>请注意：在插件开发中，只有 <a href="./api-limit.html">部分接口</a> 可以直接调用；另外还有部分能力（如获取用户信息和发起支付等）可以通过 <a href="./functional-pages.html">插件功能页</a> 的方式使用。</p> <h3 id="自定义组件"><a href="#自定义组件" class="header-anchor">#</a> 自定义组件</h3> <p>插件可以定义若干个自定义组件，这些自定义组件都可以在插件内相互引用。但提供给使用者小程序使用的自定义组件必须在配置文件的 <code>publicComponents</code> 段中列出（参考上文）。</p> <p>除去接口限制以外，自定义组件的编写和组织方式与一般的自定义组件相同，每个自定义组件由 <code>wxml</code>, <code>wxss</code>, <code>js</code> 和 <code>json</code> 四个文件组成。具体可以参考 <a href="https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/" target="_blank" rel="noopener noreferrer">自定义组件的文档<span></span></a>。</p> <h3 id="页面"><a href="#页面" class="header-anchor">#</a> 页面</h3> <p>插件从小程序基础库版本 <a href="../../../analysis/experience/compatibility.html">2.1.0</a> 开始支持页面。插件可以定义若干个插件页面，可以从本插件的自定义组件、其他页面中跳转，或从使用者小程序中跳转。所有页面必须在配置文件的 <code>pages</code> 段中列出（参考上文）。</p> <p>除去接口限制以外，插件的页面编写和组织方式与一般的页面相同，每个页面由 <code>wxml</code>, <code>wxss</code>, <code>js</code> 和 <code>json</code> 四个文件组成。具体可以参考其他关于页面的文档。</p> <p>插件执行页面跳转的时候，可以使用 <code>navigator</code> 组件。当插件跳转到自身页面时， <code>url</code> 应设置为这样的形式：<code>plugin-private://PLUGIN_APPID/PATH/TO/PAGE</code> 。需要跳转到其他插件时，也可以这样设置 <code>url</code> 。</p> <p><strong>代码示例：</strong></p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>navigator</span> <span class="token attr-name">url</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>plugin-private://wxidxxxxxxxxxxxxxx/pages/hello-page<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> Go to pages/hello-page! <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>navigator</span><span class="token punctuation">></span></span> </code></pre></div><p>自基础库版本 <a href="../../../analysis/experience/compatibility.html">2.2.2</a> 开始，在插件自身的页面中，插件还可以调用 <a href="../../api/route/wx.navigateTo.html">wx.navigateTo</a> 来进行页面跳转， <code>url</code> 格式与使用 <code>navigator</code> 组件时相仿。</p> <h3 id="接口"><a href="#接口" class="header-anchor">#</a> 接口</h3> <p>插件可以在接口文件（在配置文件中指定，详情见上文）中 export 一些 js 接口，供插件的使用者调用，如：</p> <p><strong>代码示例：</strong></p> <div class="language-js extra-class"><pre class="language-js"><code>module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span> <span class="token function-variable function">hello</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'Hello plugin!'</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre></div><h3 id="获取小程序导出"><a href="#获取小程序导出" class="header-anchor">#</a> 获取小程序导出</h3> <blockquote><p><a href="https://developers.weixin.qq.com/s/GbXmMLml7vjC" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer">在开发者工具中预览效果<span></span></a>，需要手动填写一下 <code>miniprogram/app.json</code> 中的插件 AppID</p></blockquote> <p>从基础库 <a href="../../../analysis/experience/compatibility.html">2.11.1</a> 起，在插件中有全局函数 <code>requireMiniProgram</code>，可以获取由使用者小程序导出的内容。</p> <p>例如，使用者小程序做了如下导出：</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token comment">// 使用者小程序</span> module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span> <span class="token function">greeting</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">return</span> <span class="token string">'Greetings from Weixin MiniProgram!'</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre></div><p>那么在插件中，可以这样获得内容：</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token comment">// 插件</span> <span class="token keyword">const</span> miniProgramExports <span class="token operator">=</span> <span class="token function">requireMiniProgram</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> miniProgramExports<span class="token punctuation">.</span><span class="token function">greeting</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 'Greetings from Weixin MiniProgram!'</span> </code></pre></div><p>另外也可以 <a href="./using.html#导出到插件">参考使用者小程序的相关文档</a></p> <h3 id="引用小程序的自定义组件"><a href="#引用小程序的自定义组件" class="header-anchor">#</a> 引用小程序的自定义组件</h3> <blockquote><p><a href="https://developers.weixin.qq.com/s/QRRovLmu7Xjm" title="在开发者工具中预览效果" target="_blank" rel="noopener noreferrer">在开发者工具中预览效果<span></span></a>，需要手动填写一下 <code>miniprogram/app.json</code> 中的插件 AppID</p></blockquote> <p>有时，插件可能需要在页面或者自定义组件中，将一部分区域交给使用的小程序来渲染，因此需要能够引用小程序的自定义组件。但由于插件中不能直接指定小程序的自定义组件路径，因此无法直接通过 <code>usingComponents</code> 的方式来引用。这里介绍通过 <a href="../custom-component/generics.html">抽象节点（generics）</a> 来实现引用的方式。</p> <p>如果是插件自定义组件（例如 <code>plugin-view</code>），那么我们可以通过声明一个 generic：</p> <div class="language-json extra-class"><pre class="language-json"><code><span class="token comment">// plugin/components/plugin-view.json</span> <span class="token punctuation">{</span> <span class="token property">"componentGenerics"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"mp-view"</span><span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre></div><p>并在希望显示小程序组件的位置引用：</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>view</span><span class="token punctuation">></span></span>小程序组件：<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>view</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>mp-view</span> <span class="token punctuation">/></span></span><span class="token comment"></span> </code></pre></div><p>在小程序中引用 <code>plugin-view</code> 时，就可以传递组件给插件进行渲染了：</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>plugin-view</span> <span class="token attr-name"><span class="token namespace">generic:</span>mp-view</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>comp-from-miniprogram<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> </code></pre></div><p>如果是插件页，插件页本身就是一个页面顶层组件，小程序不会引用它，无法通过 <code>generic:xxx=""</code> 的方式来指定抽象节点实现；因此，从基础库 <a href="../../../analysis/experience/compatibility.html">2.12.2</a> 起，小程序可以在插件的配置里为插件页指定抽象节点实现。例如插件页面名为 <code>plugin-index</code>，则可以：</p> <div class="language-json extra-class"><pre class="language-json"><code><span class="token punctuation">{</span> <span class="token property">"myPlugin"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"provider"</span><span class="token operator">:</span> <span class="token string">"wxAPPID"</span><span class="token punctuation">,</span> <span class="token property">"version"</span><span class="token operator">:</span> <span class="token string">"1.0.0"</span><span class="token punctuation">,</span> <span class="token property">"genericsImplementation"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"plugin-index"</span><span class="token operator">:</span> <span class="token punctuation">{</span> <span class="token property">"mp-view"</span><span class="token operator">:</span> <span class="token string">"components/comp-from-miniprogram"</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre></div><p>另外也可以 <a href="./using.html#为插件提供自定义组件">参考使用者小程序的相关文档</a></p> <h2 id="预览、上传和发布"><a href="#预览、上传和发布" class="header-anchor">#</a> 预览、上传和发布</h2> <p>插件可以像小程序一样预览和上传，但插件没有体验版。</p> <p>插件会同时有多个线上版本，由使用插件的小程序决定具体使用的版本号。</p> <p>手机预览和提审插件时，会使用一个特殊的小程序来套用项目中 <code>miniprogram</code> 文件夹下的小程序，从而预览插件。</p> <ul><li>（建议的方式）如果当前开发者有 <a href="./../../devtools/sandbox.html">测试号</a>，则会使用这个测试号；在测试号的设置页中可以看到测试号的 <code>appid</code> 、 <code>appsecret</code> 并设置域名列表。</li> <li>否则，将使用“插件开发助手”，它具有一个特定的 <code>appid</code> 。</li></ul> <h2 id="在开发版小程序中测试"><a href="#在开发版小程序中测试" class="header-anchor">#</a> 在开发版小程序中测试</h2> <p>通常情况下，可以将 <code>miniprogram</code> 下的代码当做使用插件的小程序代码，来进行插件的调试和测试。</p> <p>但有时，需要将插件的代码放在实际运行的小程序中进行调试、测试。此时，可以使用开发版的小程序直接引用开发版插件。方法如下：</p> <ol><li>在开发者工具的插件项目中上传插件，此时，在上传成功的通知信息中将包含这次上传获得的插件开发版 ID （一个英文、数字组成的随机字符串）；</li> <li>点击开发者工具右下角的通知按钮，可以打开通知栏，看到新生成的 ID ；</li> <li>在需要使用开发版本插件的小程序项目中，将插件 version 设置为 <code>"version": "dev-[开发版 ID]"</code> 的形式，如 <code>"version": "dev-abcdef0123456789abcdef0123456789"</code> 即可。</li></ol> <p>如果开发版小程序引用了开发版插件，此时这个小程序就不能上传发布了。必须要将插件版本设为正式版本之后，小程序才可以正常上传、发布。</p> <p>注意事项：</p> <ul><li>每次上传插件所生成的 ID 不一定相同，即使是同一个插件和同一个开发者，多次上传也可能会改变 ID；</li> <li>每个开发者在每个插件中只会同时存在一个有效的开发版插件，即只有最新上传的开发版 ID 有效（使用旧的 ID 会提示失效）；</li> <li>同一个插件不同开发者上传的开发版互不影响，可以同时有效；</li> <li>开发版插件没有时间限制，长期有效。</li></ul> <h2 id="插件开发文档"><a href="#插件开发文档" class="header-anchor">#</a> 插件开发文档</h2> <p>在使用者小程序使用插件时，插件代码并不可见。因此，除了插件代码，我们还支持插件开发者上传一份插件开发文档。这份开发文档将展示在插件详情页，供其他开发者在浏览插件和使用插件时进行阅读和参考。插件开发者应在插件开发文档中对插件提供的自定义组件、页面、接口等进行必要的描述和解释，方便使用者小程序正确使用插件。</p> <p>插件开发文档必须放置在插件项目根目录中的 <code>doc</code> 目录下，目录结构如下：</p> <div class="language- extra-class"><pre class="language-text"><code>doc ├── README.md // 插件文档，应为 markdown 格式 └── picture.jpg // 其他资源文件，仅支持图片 </code></pre></div><p>其中，<code>README.md</code> 的编写有一定的 <strong>限制条件</strong>，具体来说：</p> <ol><li>引用到的图片资源不能是网络图片，且必须放在这个目录下；</li> <li>文档中的链接只能链接到： <ul><li>微信开发者社区（developers.weixin.qq.com）</li> <li>微信公众平台（mp.weixin.qq.com）</li> <li>GitHub（github.com）</li></ul></li></ol> <p>编辑 <code>README.md</code> 之后，可以在开发者工具左侧资源管理器的文件栏中右键单击 <code>README.md</code>，并选择上传文档。发布上传文档后，文档不会立刻发布。此时可以使用账号和密码登录 <a href="https://mp.weixin.qq.com" target="_blank" rel="noopener noreferrer">管理后台<span></span></a> ，在小程序插件 > 基本设置中预览、发布插件文档。</p> <p>插件文档总大小不能大于 2M，超过时上传将返回错误码 <code>80051</code>。</p> <h2 id="其他注意事项"><a href="#其他注意事项" class="header-anchor">#</a> 其他注意事项</h2> <h3 id="插件间互相调用"><a href="#插件间互相调用" class="header-anchor">#</a> 插件间互相调用</h3> <p>插件不能直接引用其他插件。但如果小程序引用了多个插件，插件之间是可以互相调用的。</p> <p>一个插件调用另一个插件的方法，与插件调用自身的方法类似。可以使用 <code>plugin-private://APPID</code> 访问插件的自定义组件、页面（暂不能使用 <code>plugin://</code> ）。</p> <p>对于 js 接口，可使用 <code>requirePlugin</code> ，但目前尚不能在文件一开头就使用 requirePlugin ，因为被依赖的插件可能还没有初始化，请考虑在更晚的时机调用 <code>requirePlugin</code> ，如接口被实际调用时、组件 attached 时。（未来会修复这个问题。）</p> <h3 id="插件请求签名"><a href="#插件请求签名" class="header-anchor">#</a> 插件请求签名</h3> <p>插件在使用 <a href="../../api/network/request/wx.request.html">wx.request</a> 等 API 发送网络请求时，将会额外携带一个签名 <code>HostSign</code> ，用于验证请求来源于小程序插件。这个签名位于请求头中，形如：</p> <div class="language- extra-class"><pre class="language-text"><code>X-WECHAT-HOSTSIGN: {"noncestr":"NONCESTR", "timestamp":"TIMESTAMP", "signature":"SIGNATURE"} </code></pre></div><p>其中， <code>NONCESTR</code> 是一个随机字符串， <code>TIMESTAMP</code> 是生成这个随机字符串和 <code>SIGNATURE</code> 的 UNIX 时间戳。它们是用于计算签名 <code>SIGNATRUE</code> 的参数，签名算法为：</p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token constant">SIGNATURE</span> <span class="token operator">=</span> <span class="token function">sha1</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token constant">APPID</span><span class="token punctuation">,</span> <span class="token constant">NONCESTR</span><span class="token punctuation">,</span> <span class="token constant">TIMESTAMP</span><span class="token punctuation">,</span> <span class="token constant">TOKEN</span><span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">sort</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span><span class="token string">''</span><span class="token punctuation">)</span><span class="token punctuation">)</span> </code></pre></div><p>其中，<code>APPID</code> 是 <strong>所在小程序</strong> 的 AppId （可以从请求头的 <code>referrer</code> 中获得）；<code>TOKEN</code> 是插件 Token，可以在小程序插件基本设置中找到。</p> <p>网络请求的 referer 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本。</p> <p>插件开发者可以在服务器上按以下步骤校验签名：</p> <ol><li><code>sort</code> 对 <code>APPID</code> <code>NONCESTR</code> <code>TIMESTAMP</code> <code>TOKEN</code> 四个值表示成字符串形式，按照字典序排序（同 JavaScript 数组的 sort 方法）；</li> <li><code>join</code> 将排好序的四个字符串直接连接在一起；</li> <li>对连接结果使用 <code>sha1</code> 算法，其结果即 <code>SIGNATURE</code> 。</li></ol> <p>自基础库版本 <a href="../../../analysis/experience/compatibility.html">2.0.7</a> 开始，在小程序运行期间，若网络状况正常， <code>NONCESTR</code> 和 <code>TIMESTAMP</code> 会每 10 分钟变更一次。如有必要，可以通过判断 <code>TIMESTAMP</code> 来确定当前签名是否依旧有效。</p></div> <div class="fixed-translate" style="display:none;"><span>The translations are provided by WeChat Translation and are for reference only. In case of any inconsistency and discrepancy between the Chinese version and the English version, the Chinese version shall prevail.Incorrect translation. <a href="javascript:;" class="fixed-translate-btn">Tap to report.</a></span></div></div>  <div class="related"> </div> <footer class="page-edit"></footer> <footer class="footer"><ul class="footer-links"><li class="footer-link"><a href="http://www.tencent.com/zh-cn/index.shtml" target="_blank">关于腾讯</a></li> <li class="footer-link"><a href="https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=1484641676" target="_blank">文档中心</a></li> <li class="footer-link"><a href="https://mp.weixin.qq.com/cgi-bin/opshowpage?action=dispelinfo&lang=zh_CN&begin=1&count=9" target="_blank">辟谣中心</a></li> <li class="footer-link"><a href="http://kf.qq.com/faq/120911VrYVrA1509086vyumm.html" target="_blank">客服中心</a></li></ul> <p class="copyright">Copyright © 2012-<span>2024</span> Tencent. All Rights Reserved.</p></footer></div></main></div> </div></div> <div id="popoverWrapId" class="pop-links__wrp popover_hide"><ul class="pop-links__list"><li class="pop-links__item"><button class="pop-link">复制</button></li> <li class="pop-links__item"><button class="pop-link">问题反馈</button></li></ul></div> <div class="fixed-btns"><a href="javascript:;" class="fixed-btn fixed-btn__feedback"><div class="fixed-btn__inner"><span class="fixed-btn__icon"></span> <span class="fixed-btn__text">反馈</span></div></a> <a href="javascript:;" class="fixed-btn fixed-btn__top" style="display:none;"><div class="fixed-btn__inner"><span class="fixed-btn__icon"></span></div></a></div></div></div></div> <script src="https://res.wx.qq.com/wxdoc/dist/assets/js/app.531c6ec3.js" defer></script><script src="https://res.wx.qq.com/wxdoc/dist/assets/js/222.5feccaee.js" defer></script> </body> </html>