原生webview实现app与h5通信 h5与app视图通讯、app与h5视图通讯、webview填表、获取webview的cookie、获取webview元素内容、js注入到webview、h5、webview、app、js、填表

实现app与h5双向通讯，在这基础上实现的效果有：“h5与app视图通讯、app与h5视图通讯、webview填表、获取webview的cookie、获取webview元素内容、js注入到webvi”

作者： 114***@qq.com 已实名认证

已实名认证

进入交流群

下载人数: 211 下载次数: 313

收藏人数: 28

购买人数: 13 购买次数: 13

（5）

插件ID：liang-webview-interactive

插件包体积：749.2KB

更新日期：2021-10-29

版本：初始版本

云函数列表：

云函数：add，get，use-common，remove，redis-test，user-center，uni-admin，prohibitedWords，update
公共模块：hello-common

购买普通授权版（16.88 元）

导入插件并试用

注意：导入此插件需要使用 2.9+ 以上版本的 HBuilderX

本站所有收费插件均支持免费试用，切勿私下交易或购买不可正常试用的插件，而造成不必要的纠纷。

更新记录

初始版本（2021-10-29）

暂无

平台兼容性

阿里云	腾讯云	支付宝云
√	√	×

Vue2	Vue3
√	√

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.2.0 app-vue app-nvue	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

介绍

支持app与h5进行js交互、传值；
支持本地环境js注入；
支持获取网页元素内容；
支持获取网页的cookie；

使用流程

选择购买插件，选择该插件需要绑定到的项目。
根据插件作者的提供的开发代码模板，根据个人的业务情况修改即可。
打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行功能封装测试。
开发完毕后正式云打包。

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

他的插件

原生webview实现app与h5通信

h5与app视图通讯、app与h5视图通讯、webview填表、获取webview的cookie、获取webview元素内容、js注入到webview、h5、webview、app、js、填表

（5）

实现app与h5双向通讯，在这基础上实现的效果有：“h5与app视图通讯、app与h5视图通讯、webview填表、获取webview的cookie、获取webview元素内容、js注入到webvi”

下载 313

赞赏 0

uniCloud插件作者排行

发布插件：2

下载 27678

赞赏 82

发布插件：5

下载 223802

赞赏 110

发布插件：16

下载 79284

赞赏 104

重庆柔然科技

发布插件：15

下载 24702

赞赏 5

小猿敲代码

发布插件：16

下载 17385

赞赏 41

发布插件：5

下载 7003

赞赏 5

发布插件：12

下载 21249

赞赏 6

语文数学天才

发布插件：7

下载 27166

赞赏 70

发布插件：2

下载 3963

赞赏 3

发布插件：6

下载 605

赞赏 54

发布插件：20

下载 18634

赞赏 127

发布插件：13

下载 7548

赞赏 5

发布插件：15

下载 4392

赞赏 11

畅享互联科技

发布插件：14

下载 11335

赞赏 23

发布插件：12

下载 26626

赞赏 24

// 在本文件中可配置云数据库初始化，数据格式见：https://uniapp.dcloud.io/uniCloud/cf-database?id=db_init

// 编写完毕后对本文件点右键，可按配置规则创建表和添加数据

{
	"department": {
		"data": [{
				"_id": "5fe77207974b6900018c6c9c",
				"name": "总部",
				"parent_id": "",
				"status": 0
			},
			{
				"_id": "5fe77232974b6900018c6cb1",
				"name": "一级部门A",
				"parent_id": "5fe77207974b6900018c6c9c",
				"status": 0
			}
		]
	},
	"book": {
		"data": [{
				"_id": "1",
				"title": "西游记",
				"author": "吴承恩"
			},
			{
				"_id": "2",
				"title": "水浒传",
				"author": "施耐庵"
			},
			{
				"_id": "3",
				"title": "三国演义",
				"author": "罗贯中"
			},
			{
				"_id": "4",
				"title": "红楼梦",
				"author": "曹雪芹"
			}
		]
	},
	"order": {
		"data": [{
				"book_id": "1",
				"quantity": 111,
				"create_date": 5 //演示数据方便比较分析
			},
			{
				"book_id": "2",
				"quantity": 222,
				"create_date": 3
			},
			{
				"book_id": "3",
				"quantity": 333,
				"create_date": 6
			},
			{
				"book_id": "4",
				"quantity": 444,
				"create_date": 9
			},
			{
				"book_id": "3",
				"quantity": 555,
				"create_date": 4
			}
		]
	},
	"test": {
		"data": []
	},
	"opendb-app-list": {
		"data": [],
		"index": [{
			"IndexName": "appid",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "appid",
					"Direction": "1"
				}],
				"MgoIsUnique": true
			}
		}, {
			"IndexName": "name",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "name",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}]
	},
	"opendb-app-versions": {
		"data": [],
		"index": [{
			"IndexName": "appid",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "appid",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "查找上线发行应用",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "appid",
					"Direction": "1"
				}, {
					"Name": "platform",
					"Direction": "1"
				}, {
					"Name": "stable_publish",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}]
	},
	"permission-test-1": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-2": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-3": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-4": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-5": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-6": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"permission-test-7": {
		"data": [{"state":0,"text":"该用户比较懒啥也没写！"}]
	},
	"comment": {},
	"notice": {
		"data": [{
			"view_count": 0,
			"data": "这是一个由clientDB实现的留言板示例；权限部分由DBschema和action云函数控制。\n规则如下：\n  1.未登陆的游客,只能看到审核通过的留言。\n  2.登陆的用户还可以：发表留言，会进入审核状态，期间支持查看和删除。审核通过后可以重新编辑留言。但在重新编辑后会自动再次进入审核状态。\n  3.审核员和管理员可以：查看所有状态的留言，操作：审核、编辑、删除。"
		}]
	},
	"opendb-city-china": {},
	"uni-id-users": {
		"data": [{
				"username": "admin",
				"password": "03caebb36670995fc261a275d212cad65e4bbebd",
				"role": ["admin"]
			},
			{
				"username": "user",
				"password": "03caebb36670995fc261a275d212cad65e4bbebd",
				"role": ["USER"]
			},
			{
				"username": "auditor",
				"password": "03caebb36670995fc261a275d212cad65e4bbebd",
				"role": ["AUDITOR"]
			}
		],
		"index": [{
			"IndexName": "username",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "username",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "mobile",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "mobile",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "email",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "email",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "wx_openid.app-plus",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "wx_openid.app-plus",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "wx_openid.mp-weixin",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "wx_openid.mp-weixin",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "wx_unionid",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "wx_unionid",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "ali_openid",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "ali_openid",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "my_invite_code",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "my_invite_code",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "inviter_uid",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "inviter_uid",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "invite_time",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "invite_time",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "role",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "role",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}]
	},
	"uni-verify": {
		"data": [],
		"index": [{
			"IndexName": "mobile",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "mobile",
					"Direction": "1"
				}, {
					"Name": "code",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}, {
			"IndexName": "email",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "email",
					"Direction": "1"
				}, {
					"Name": "code",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}]
	},
	"uni-id-roles": {
		"data": [{
				"role_id": "USER",
				"role_name": "用户",
				"permission": [
					"P_TEST_ADD"
				]
			},
			{
				"role_id": "AUDITOR",
				"role_name": "审核员",
				"permission": [
					"P_TEST_UPDATE"
				]
			}
		],
		"index": [{
				"IndexName": "role_id",
				"MgoKeySchema": {
					"MgoIndexKeys": [{
						"Name": "role_id",
						"Direction": "1"
					}],
					"MgoIsUnique": true
				}
			},
			{
				"IndexName": "permission",
				"MgoKeySchema": {
					"MgoIndexKeys": [{
						"Name": "permission",
						"Direction": "1"
					}],
					"MgoIsUnique": false
				}
			}
		]
	},
	"uni-id-permissions": {
		"data": [{
				"permission_id": "P_TEST_ADD",
				"permission_name": "增加permission-test表数据"
			},
			{
				"permission_id": "P_TEST_UPDATE",
				"permission_name": "修改permission-test表数据"
			}
		],
		"index": [{
			"IndexName": "permission_id",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "permission_id",
					"Direction": "1"
				}],
				"MgoIsUnique": true
			}
		}]
	},
	"opendb-admin-menu": {
		"data": [],
		"index": [{
			"IndexName": "parent_id",
			"MgoKeySchema": {
				"MgoIndexKeys": [{
					"Name": "parent_id",
					"Direction": "1"
				}],
				"MgoIsUnique": false
			}
		}]
	},
	"unicloud-test":{},
	"opendb-verify-codes": {
		"data": []
	},
	"uni-id-log": {
		"data": []
	},
	"opendb-admin-menus": {
		"data": [{
			"menu_id": "system_management",
			"name": "系统管理",
			"icon": "uni-icons-gear",
			"url": "",
			"sort": 1000,
			"parent_id": "",
			"permission": [],
			"enable": true,
			"create_date": 1602662469396
		}, {
			"menu_id": "system_user",
			"name": "用户管理",
			"icon": "uni-icons-person",
			"url": "/pages/system/user/list",
			"sort": 1010,
			"parent_id": "system_management",
			"permission": [],
			"enable": true,
			"create_date": 1602662469398
		}, {
			"menu_id": "system_role",
			"name": "角色管理",
			"icon": "uni-icons-personadd",
			"url": "/pages/system/role/list",
			"sort": 1020,
			"parent_id": "system_management",
			"permission": [],
			"enable": true,
			"create_date": 1602662469397
		}, {
			"menu_id": "system_permission",
			"name": "权限管理",
			"icon": "uni-icons-locked",
			"url": "/pages/system/permission/list",
			"sort": 1030,
			"parent_id": "system_management",
			"permission": [],
			"enable": true,
			"create_date": 1602662469396
		}, {
			"menu_id": "system_menu",
			"name": "菜单管理",
			"icon": "uni-icons-settings",
			"url": "/pages/system/menu/list",
			"sort": 1040,
			"parent_id": "system_management",
			"permission": [],
			"enable": true,
			"create_date": 1602662469396
		}]
	}
}

DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

商务合作：bd@dcloud.io、广告投放 | 向官方投诉

京ICP备12046007号-4 | 京公网安备：11010802035340号

增值电信业务经营许可证编号：合字B2-20220010 | 国家信息安全等级保护三级，证书编号：11010813802-20001