1.1.3 • Published 2 years ago

mql-webview-bridge v1.1.3

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

koznak-webview-bridge

客户端通信集合

安装

npm i mql-webview-bridge -S

示例🌰

bridgeGetUserInfo 🔧

获取用户信息

代码演示

import { bridgeGetUserInfo } from "mql-webview-bridge";
const userInfo = await bridgeGetUserInfo();

返回类型

Promise<GetUserInfoR>

字段说明类型
userId唯一标识string
tocken登陆令牌string
version版本号string
deviceId设备IDstring
carrier运营商"Mobile" | "Unicom" | "Telecom" |""

类型定义

import type { GetUserInfoR } from "mql-webview-bridge";

bridgeHandleShare 🔧

唤起客户端分享弹窗

代码演示

import { bridgeHandleShare } from "mql-webview-bridge";
const res = await bridgeHandleShare({ shareString: "", shareTitle: "", shareUrl: "" })

参数说明

HandleShareP

字段说明类型
shareString描述string
shareTitle标题string
shareUrl分享页地址string

返回类型

Promise<boolean>

是否分享成功

类型定义

import type { HandleShareP } from "mql-webview-bridge";

bridgeGetOpenId 🔧

获取微信openId

代码演示

import { bridgeGetOpenId } from "mql-webview-bridge";
const openId = await bridgeGetOpenId()

返回类型

Promise<GetOpenId>

字段说明类型
openid微信openIdstring

类型定义

import type { GetOpenId } from "mql-webview-bridge";

bridgeHandleBack 🔧

后退或销毁当前webview

代码演示

import { bridgeHandleBack } from "mql-webview-bridge";
bridgeHandleBack("back");

参数说明

HandleBackP

'back' | 'hide'

类型定义

import type { HandleBackP } from "mql-webview-bridge";

bridgeHandleLogin 🔧

唤起客户端登陆弹窗

代码演示

import { bridgeHandleLogin } from "mql-webview-bridge";
bridgeHandleLogin()

bridgeHandleUpDateUserInfo 🔧

客户端更新用户信息

代码演示

import { bridgeHandleUpDateUserInfo } from "mql-webview-bridge";
bridgeHandleUpDateUserInfo()

bridgeHandleStartLoading 🔧

唤起客户端加载动画

代码演示

import { bridgeHandleStartLoading } from "mql-webview-bridge";
bridgeHandleStartLoading()

bridgeHandleStopLoading 🔧

关闭客户端加载动画

代码演示

import { bridgeHandleStopLoading } from "mql-webview-bridge";
bridgeHandleStopLoading()

开发说明

目录结构

src

开发目录

文件名说明
bridge.ts初始化webviewbridge全局变量
callAppFunc.ts发布订阅通信方法
funcs.ts可订阅事件集合
interface.ts调用方法集合
type.ts类型集合
index.ts入口文件

tests

测试目录

文件名说明
mock模拟客户端发布事件
unit测试用例

.husky

Git钩子相关

dist

打包文件

脚本说明

  • lint

ESlint代码语法校验、prettier代码格式校验并尝试自动修复

  • tsc

TypeScript类型校验

  • lint:commit

lint校验Git暂存区

  • patch

npm包版本升级

  • test

运行jest测试用例

  • build

打包

  • commit

git cz代码提交(用于commit信息约束)

  • 其他

CI、publish脚本用于CI发版、prepare用户Git钩子初始化

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.10

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago