@wjunt/native-app

H5 的 native 相关功能

Development

$ cd native-app
$ yarn

目录层级

分为 native.js 和 native-external.js 两个 js，其中 base 包含 functions 模块，external 包含 browser 和 modules 模块

• functions/ 基础功能
• browser/ 容器扩展 H5 实现方法
• modules/ 容器扩展 native 实现方法

基础功能

• Cart：购物车相关操作
• Event：与客户端交互的事件注册
• Log：客户端打点相关
• Media：客户端媒体（拍照，扫码，保存相册）相关
• Share：调起客户端分享
• System：客户端设置相关
• Url：URL 操作相关

容器扩展方法文档

• 用户相关
• 设备信息
• 混合布局相关
• 脚本注入
• 媒体相关
• 网络相关
• toast 相关
• event 相关

使用例子

// 支持两种导入方法
// ① script引入（推荐）
// https://s3.forcloudcdn.com/libs/fd-native-app/1.2.1/native.js
// https://s3.forcloudcdn.com/libs/fd-native-app/1.2.1/native-external.js

// ② import引入（不推荐）
// import nativeAPP from '@wjunt/native-app';
const nativeAPP = F.app;
// 使用老功能
nativeAPP.fordealShare('content', 'url', 'imageUrl');

// 使用容器功能
const native = nativeAPP.native;

native.onReady(() => {
    // 需要立即调用容器的方法 请注册onReady事件
    native.toast('请先登录', 3000);
    native.showLoginView();
});

// 依赖客户端环境 需要对方法做判断
native.popLayer && native.popLayer("http://act.fordeal.com/act/lulu/native_poplayer_test?is_test=true", {w: 1, h: 1, alpha: 0.7, color: "#000000"});