Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
7479060c
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3172
Star
105
Fork
804
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
67
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
67
合并请求
67
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
7479060c
编写于
12月 02, 2021
作者:
DCloud_Heavensoft
提交者:
Gitee
12月 02, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs/collocation/miniprogram-plugin.md.
上级
cb9f4852
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
7 deletion
+11
-7
docs/collocation/miniprogram-plugin.md
docs/collocation/miniprogram-plugin.md
+11
-7
未找到文件。
docs/collocation/miniprogram-plugin.md
浏览文件 @
7479060c
现在可以使用 uniapp 编译到微信、支付宝小程序插件。小程序插件是对一组 js 接口、自定义组件或页面的封装,用于嵌入到小程序中使用。
> 本文档意在介绍如何把uni-app项目编译为小程序插件,如果想了解如何在uni-app中引用和使用小程序插件,另见文档:[使用小程序插件](/component/mp-weixin-plugin)
小程序插件规范由小程序厂商定义,插件是对一组 js 接口、自定义组件或页面的封装,用于嵌入到小程序中使用。
uni-app 不仅仅可以开发完整的小程序,也可以编译为小程序插件。
**平台差异说明**
**平台差异说明**
...
@@ -9,11 +13,11 @@
...
@@ -9,11 +13,11 @@
**注意**
**注意**
1.
开发
`微信小程序插件`
时,基础库版本
`1.9.6`
开始支持。(如果插件包含页面,则需要基础库版本
`2.1.0`
。)
1.
开发
`微信小程序插件`
时,基础库版本
`1.9.6`
开始支持。(如果插件包含页面,则需要基础库版本
`2.1.0`
。)
2.
开发
`支付宝小程序插件`
时,IDE 版本要求在 0.60 及以上
2.
开发
`支付宝小程序插件`
时,
支付宝
IDE 版本要求在 0.60 及以上
#### 插件目录结构
#### 插件目录结构
> 编译到小程序插件结果
> 编译到
微信
小程序插件结果
```
```
plugin
plugin
...
@@ -33,7 +37,7 @@ plugin
...
@@ -33,7 +37,7 @@ plugin
#### 插件配置文件
#### 插件配置文件
> plugin.json 在 uniapp 项目中和 pages.json 同级。向第三方小程序开放的所有组件、页面和 js 接口都必须在 plugin.json 中声明
> plugin.json 在 uni
-
app 项目中和 pages.json 同级。向第三方小程序开放的所有组件、页面和 js 接口都必须在 plugin.json 中声明
-
`mp-weixin`
-
`mp-weixin`
...
@@ -95,7 +99,7 @@ plugin
...
@@ -95,7 +99,7 @@ plugin
#### 如何在项目中使用插件
#### 如何在项目中使用插件
1.
宿主小程序是
`uniapp项目`
,在
`manifest.json`
中配置相关信息即可,
[
详情
](
https://uniapp.dcloud.io/component/mp-weixin-plugin?id=%e9%85%8d%e7%bd%ae%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%8f%92%e4%bb%b6
)
1.
宿主小程序是
`uni
-
app项目`
,在
`manifest.json`
中配置相关信息即可,
[
详情
](
https://uniapp.dcloud.io/component/mp-weixin-plugin?id=%e9%85%8d%e7%bd%ae%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%8f%92%e4%bb%b6
)
2.
宿主为原生小程序,在项目的
`app.json`
中配置即可:
2.
宿主为原生小程序,在项目的
`app.json`
中配置即可:
-
[
mp-weixin 配置
](
https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html
)
-
[
mp-weixin 配置
](
https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html
)
-
[
mp-alipay 配置
](
https://opendocs.alipay.com/mini/plugin/plugin-development#app.json%20%E9%BB%98%E8%AE%A4%E9%85%8D%E7%BD%AE
)
-
[
mp-alipay 配置
](
https://opendocs.alipay.com/mini/plugin/plugin-development#app.json%20%E9%BB%98%E8%AE%A4%E9%85%8D%E7%BD%AE
)
...
@@ -104,7 +108,7 @@ plugin
...
@@ -104,7 +108,7 @@ plugin
> 有时候项目不仅要编译到插件,也需要作为一个正常的小程序运行,但有些 api 并不适用于两端,此时可以使用自定义条件编译区分开来。
> 有时候项目不仅要编译到插件,也需要作为一个正常的小程序运行,但有些 api 并不适用于两端,此时可以使用自定义条件编译区分开来。
1.
自定义条件编译(
[
详情
](
https://uniapp.dcloud.io
/collocation/package
)
),在
`package.json`
中添加如以下配置:
1.
自定义条件编译(
[
详情
](
/collocation/package
)
),在
`package.json`
中添加如以下配置:
```
json
```
json
"uni-app"
:
{
"uni-app"
:
{
...
@@ -155,7 +159,7 @@ plugin
...
@@ -155,7 +159,7 @@ plugin
Vue
.
component
(
'
hello-list
'
,
helloList
);
Vue
.
component
(
'
hello-list
'
,
helloList
);
```
```
2.
插件中所编写的页面需要在
`pages.json`
中填写。
2.
插件中所编写的页面需要在
`pages.json`
中填写。
3.
如果有多个
`uniapp`
编译的
`插件`
需要运行在同一个小程序中,
**不要重名**
。
3.
如果有多个
`uni
-
app`
编译的
`插件`
需要运行在同一个小程序中,
**不要重名**
。
4.
名称不要有特殊字符,比如
`\`。会用到这个名字来挂载一个方法。
4.
名称不要有特殊字符,比如
`\`。会用到这个名字来挂载一个方法。
5. `
-
` 已经手动替换为 `
_
` ,其他的特殊字符不要写。
5. `
-
` 已经手动替换为 `
_
` ,其他的特殊字符不要写。
6. 各家小程序插件对各 `
api
`
的支持情况不同,具体请查看小程序官方文档的相关描述
6. 各家小程序插件对各 `
api
`
的支持情况不同,具体请查看小程序官方文档的相关描述
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录