(安卓)hbuilder增加自定義插件,App跳轉到微信小程序案例

參考官方自定義插件使用方法傳送門

開發工具:Android Studio

在這裏插入圖片描述

1.下載微信SDK
傳送門
在這裏插入圖片描述
2.將jar導入libs包
在這裏插入圖片描述
在這裏插入圖片描述
3.寫Java,接收前端參數,實現微信小程序跳轉
參考微信說明文檔傳送門
在這裏插入圖片描述

package io.dcloud.HBuilder.wxapi;

import io.dcloud.common.DHInterface.IWebview;
import io.dcloud.common.DHInterface.StandardFeature;
import io.dcloud.common.util.JSUtil;
import org.json.JSONArray;
import com.tencent.mm.opensdk.modelbiz.WXLaunchMiniProgram;
import com.tencent.mm.opensdk.openapi.IWXAPI;
import com.tencent.mm.opensdk.openapi.WXAPIFactory;

public class MiniProgram extends StandardFeature {
	@SuppressWarnings("deprecation")
	//js同步: boolean launchMini(appId, programId, path="", type="")
	public String launchMini(final IWebview pWebview, JSONArray array) {
		String appId = array.optString(0);
		String programId = array.optString(1);
		String path = array.optString(2);
		int type = array.optInt(3);
		IWXAPI api = WXAPIFactory.createWXAPI(pWebview.getActivity(), appId);
		WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
		req.userName = programId; // 填小程序原始id (gh_開頭)
		req.path = path;            //拉起小程序頁面的可帶參路徑,不填默認拉起小程序首頁
		req.miniprogramType = type;// 可選打開 開發版,體驗版和正式版 WXLaunchMiniProgram.Req.MINIPTOGRAM_TYPE_RELEASE
		return JSUtil.wrapJsVar("" + api.sendReq(req), false);
	}
}

5.增補自定義插件
在這裏插入圖片描述
io.dcloud.HBuilder.wxapi.MiniProgram
爲Java類地址

前端:

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>微信小程序跳轉測試</title>
	</head>
	<body>
		<div class="button" onclick="openMiniProgram()">打開微信小程序</div>
        <script type="text/javascript">
            function openMiniProgram(){
                plus.bridge.execSync("mini-program", "launchMini", ["wxd930ea5d5a258f4f","gh_d43f693ca31f","","0"]);
            }
        </script>
    </body>
</html>

別忘咯app需要關聯微信小程序哦!
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章