写点什么

flutter app 打开微信小程序探究

用户头像
Daniel
关注
发布于: 2020 年 09 月 21 日

1 访问 https://open.weixin.qq.com/ 注册开放平台账号



2 创建移动应用



3 填写企业信息



4 取得应用id后按照各自平台开发

Android示例

微信开放文档

https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/Android_Development_example.html

开发前需下载Android开发工具包(SDK),可前往下载

调用接口:WXLaunchMiniProgram 移动应用跳转到小程序示例:

String appId = "wxd930ea5d5a258f4f"; // 填应用AppId
IWXAPI api = WXAPIFactory.createWXAPI(context, appId);

WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
req.userName = "gh_d43f693ca31f"; // 填小程序原始id
req.path = path; ////拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"。
req.miniprogramType = WXLaunchMiniProgram.Req.MINIPTOGRAM_TYPE_RELEASE;// 可选打开 开发版,体验版和正式版
api.sendReq(req);


回调说明

WXEntryActivity中

public void onResp(BaseResp resp) {
if (resp.getType() == ConstantsAPI.COMMAND_LAUNCH_WX_MINIPROGRAM) {
WXLaunchMiniProgram.Resp launchMiniProResp = (WXLaunchMiniProgram.Resp) resp;
String extraData =launchMiniProResp.extMsg; //对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
}
}


详细demo请参考官网上的Sample工程。

小程序跳转回移动应用请参考《小程序开发文档》



Ios示例

微信开放文档

https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/iOS_Development_example.html

开发前需下载iOS开发工具包(SDK),前往下载

移动应用跳转到小程序示例:

WXLaunchMiniProgramReq *launchMiniProgramReq = [WXLaunchMiniProgramReq object];
launchMiniProgramReq.userName = userName; //拉起的小程序的username
launchMiniProgramReq.path = path; ////拉起小程序页面的可带参路径,不填默认拉起小程序首页,对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 "?foo=bar"。
launchMiniProgramReq.miniProgramType = miniProgramType; //拉起小程序的类型
return [WXApi sendReq:launchMiniProgramReq];


回调说明

-(void)onResp:(BaseResp *)resp
{
if ([resp isKindOfClass:[WXLaunchMiniProgramResp class]])
{
NSString *string = resp.extMsg;
// 对应JsApi navigateBackApplication中的extraData字段数据
}
}


小程序跳转回移动应用请参考 《小程序开发文档》



5 Flutter部分的工作

可以直接使用 https://pub.dev/packages/fluwx



发布于: 2020 年 09 月 21 日阅读数: 169
用户头像

Daniel

关注

还未添加个人签名 2019.02.27 加入

还未添加个人简介

评论

发布
暂无评论
flutter app 打开微信小程序探究