1.4.2 5+ app接入

优质

小牛编辑

133浏览

2023-12-01

环境配置

目前5+ App通过第三方5+原生插件项目扩展原生能力需要支持本地离线打包，请参考官方文档搭建好App本地离线打包。

一、安装SDK

Android请参考官方Android集成指南 iOS请参考官方iOS集成指南

二、安装5+插件

从这里获取5+插件和SDK

Android配置

将Android文件夹下的 sharetrace-5plus-plugin-sdk_v1.0.0.aar 拷贝到项目的app/libs文件夹下
将js目录下的sharetraceplugin.js拷贝到项目工程app/src/main/assets/目录中的www资源的 js 文件目录下

修改项目的app/src/main/assets/data/目录下的dcloud_properties.xml文件

<properties>
 <features>
     <!-- 其他配置-->
     <feature name="sharetraceplugin" value="com.sharetrace.plugin.SharetracePlugin"/>
 </features>

 <services>
     <!-- 其他配置-->
     <feature name="sharetraceplugin" value="com.sharetrace.plugin.SharetracePlugin"/>
 </services>
</properties>

修改应用的 manifest.json

{
 "id": "H5Plugin",
 "name": "H5Plugin",
 "version": {
     "name": "0.1.0",
     "code": "10"
 },
 "permissions": {
     ....其他配置
     "sharetraceplugin": {
         "description": "Sharetrace Plugin"
     }
 }
}

iOS配置

将iOS文件夹下的所有文件拖进去Xcode项目工程主目录下

修改PandoraAPI.bundle中feature.plist文件，增加以下内容

 <key>sharetraceplugin</key>
 <dict>
     <key>class</key>
     <string>SharetracePlugin</string>
     <key>global</key>
     <true/>
     <key>autostart</key>
     <true/>
 </dict>

修改应用的 manifest.json

{
    "id": "H5Plugin",
    "name": "H5Plugin",
    "version": {
        "name": "0.1.0",
        "code": "10"
    },
    "permissions": {
        ....其他配置
        "sharetraceplugin": {
            "description": "Sharetrace Plugin"
        }
    }
}

三、使用5+插件

VUE

<template>
    <view>
        <button @click="getInstallTrace">getInstallTrace</button>
    </view>
</template>

<script>
// 扩展的 js 文件的位置：common/plugins.js
var plugins = require('../../common/sharetraceplugin.js');
export default {
    data() {
        return {
            plugins: plugins
        };
    },
    methods: {
        getInstallTrace() {
            this.plugins.getInstallTrace(
                function(result) {
                    uni.showToast({title:JSON.stringify(result),icon:'none'});
                }
            );
        },
    }
};
</script>

HTML5

<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript" src="./js/sharetraceplugin.js"></script>
        <script type="text/javascript">
            function getInstallTrace() {
                plus.sharetraceplugin.getInstallTrace(
                    function(result) {
                        alert(JSON.stringify(result))
                        });
            }
        </script>
    </head>
    <body>
        <div class="button" onclick="getInstallTrace()">getInstallTrace()</div>     
    </body>
</html>

四、配置安装方式

SDK 集成完成后，按照sharetrace控制台接入流程完成后续的配置。