经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
maui BlazorWebView+本地html (vue、uniapp等都可以) 接入微信sdk 开发 Android app
来源:cnblogs  作者:落叶子  时间:2023/3/17 9:01:32  对本文有异议

 

 

 之前没接触过Android maui 开发,这几天刚摸索,有些不合理的地方欢迎指出。

首先添加微信sdk的绑定库   

nuget 包:Chi.MauiBinding.Android.WeChat 

项目地址:https://github.com/realZhangChi/MauiBinding

在项目目录 Platforms---Android 下建立文件夹wxapi,在wxapi文件夹下添加WXEntryActivity.cs,用来接收微信sdk的回调信息(Android接入指南 | 微信开放文档 (qq.com)),建好后修改代码为:

 

 

  1. namespace MauiApp7.Platforms.Android.wxapi
  2. {
  3. //将下面的中文"包名"替换成你实际的包名
  4. [Activity(Name = "包名.WXEntryActivity", Exported = true, TaskAffinity = "包名", LaunchMode = LaunchMode.SingleTask, Label = "微信回调")]
  5. //特别注意WXEntryActivity 是集成的Activity 不是MauiAppCompatActivity
  6. public class WXEntryActivity : Activity, IWXAPIEventHandler
  7. {
  8. private const string APP_ID = "xxxx";//更改为你自己在微信开放平台应用的appId
  9. private IWXAPI api;
  10. protected override void OnCreate(Bundle savedInstanceState)
  11. {
  12. base.OnCreate(savedInstanceState);
  13. api = WXAPIFactory.CreateWXAPI(this, APP_ID, false);
  14. try
  15. {
  16. Intent intent = this.Intent;
  17. api.HandleIntent(intent, this);
  18. }
  19. catch (Exception e)
  20. {
  21. Console.WriteLine("==========执行了OnCreate Exception:" + e.Message);
  22. }
  23. }
  24. public new void Dispose()
  25. {
  26. this.Dispose();
  27. }
  28. protected override void OnNewIntent(Intent intent)
  29. {
  30. base.OnNewIntent(intent);
  31. this.Intent = intent;
  32. api.HandleIntent(intent, this);
  33. }
  34. public void OnReq(BaseReq p0)
  35. {
  36. Finish();
  37. }
  38. public void OnResp(BaseResp p0)
  39. {
  40. //这里接收微信发来的消息
  41. if (p0.Type == 1)
  42. {
  43. if (p0.ErrCode_ == 0)
  44. {
  45. SendAuth.Resp authResp = (SendAuth.Resp)p0;
  46. }
  47. else
  48. {
  49. SendAuth.Resp authResp = (SendAuth.Resp)p0;
  50. }
  51. }
  52. Finish();
  53. }
  54. }
  55. }

注意:这个WXEntryActivity.cs 中的代码调试时进不去断点,而不是不执行(执行调试时没进断点一直认为不执行里面的方法,后面加了日志打印发现能打印出日志,实际是执行了的),需要手动添加日志打印。这个文件我只是随便加了几个回调信息,它可以接收所有微信的回调,具体的你自己修改。

另外这里接收到微信回调信息后如何通知静态html 我没找到好的解决方法使用了个绕弯路的方法,就是在调需要回调信息的方法时(例如微信登录,支付等),先链接服务器端的websocket,链接后在调用方法,接收到微信回调信息时向远程服务器发送个请求,远程服务器接收到请求通过websocket通知html。如果各位有更好的方法麻烦通知下我谢谢。

在根目录创建一个静态类PublicMethods.cs (类名位置都可以自定义,这个静态类主要给html js 调用使用的,js调用服务端方法 从 ASP.NET Core Blazor 中的 JavaScript 函数调用 .NET 方法 | Microsoft Learn

注意其中的 #if ANDROID  IOS 指在不同的平台下执行操作

  1. using Microsoft.JSInterop;
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Diagnostics;
  5. using System.Linq;
  6. using System.Text;
  7. using System.Text.Json;
  8. using System.Threading.Tasks;
  9. using static System.Runtime.InteropServices.JavaScript.JSType;
  10. #if ANDROID
  11. using Android.Content;
  12. using Android.Views;
  13. using Android.Runtime;
  14. using Android.Net;
  15. using Com.Tencent.MM.Opensdk.Modelmsg;
  16. using Com.Tencent.MM.Opensdk.Openapi;
  17. using System.Runtime.InteropServices.JavaScript;
  18. using Org.Json;
  19. #elif IOS
  20. using UIKit;
  21. #endif
  22. namespace MauiApp7
  23. {
  24. public static class PublicMethods
  25. {
         //微信登录
  26. [JSInvokable]
  27. public static Task WxLogin()
  28. {
  29. #if ANDROID
  30. IWXAPI api = WXAPIFactory.CreateWXAPI(Android.App.Application.Context, "wx00962a9afb38e1e9", true);
  31. var isReg = api.RegisterApp("wx00962a9afb38e1e9");
  32. if (isReg)
  33. {
  34. SendAuth.Req req = new SendAuth.Req();
  35. req.Scope = "snsapi_userinfo"; // 只能填 snsapi_userinfo
  36. req.State = "wechat_sdk_demo_test";
  37. api.SendReq(req);
  38. }
  39. Console.WriteLine("微信登录方法");
  40. #endif
  41. return Task.FromResult(0);
  42. }
         //微信分享
  43. [JSInvokable]
  44. public static Task WxShare()
  45. {
  46. #if ANDROID
  47. IWXAPI api = WXAPIFactory.CreateWXAPI(Android.App.Application.Context, "wx00962a9afb38e1e9", true);
  48. var isReg = api.RegisterApp("wx00962a9afb38e1e9");
  49. if (isReg)
  50. {
  51. string text="test";
  52. //初始化一个 WXTextObject 对象,填写分享的文本内容
  53. WXTextObject textObj = new WXTextObject();
  54. textObj.Text = text;
  55. //用 WXTextObject 对象初始化一个 WXMediaMessage 对象
  56. WXMediaMessage msg = new WXMediaMessage();
  57. msg.MediaObject_ = textObj;
  58. msg.Description = text;
  59. SendMessageToWX.Req req = new SendMessageToWX.Req();
  60. req.Transaction = Guid.NewGuid().ToString("N");
  61. req.Message = msg;
  62. req.Scene = SendMessageToWX.Req.WXSceneSession;
  63. //调用api接口,发送数据到微信
  64. api.SendReq(req);
  65. }
  66. Console.WriteLine("微信分享方法");
  67. #endif
  68. return Task.FromResult(0);
  69. }
  70. }
  71. }

至此服务端代码完毕,下面时html代码

1.新建maui Blazor应用,修改MainPage.xaml 中的代码,删除BlazorWebView 下子内容,修改后的代码为

  1. <BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html" BlazorWebViewInitialized="blazorWebView_BlazorWebViewInitialized">
  2. </BlazorWebView>

修改MainPage.xaml.cs中代码添加BlazorWebViewInitialized 事件,此事件是允许BlazorWebView在Android平台下能够同时访问http和https的混合请求,需搭配android:usesCleartextTraffic="true" 使用 具体参考 maui BlazorWebView Android 中混合使用https和http - 落叶子 - 博客园 (cnblogs.com)

  1. private void blazorWebView_BlazorWebViewInitialized(object sender, Microsoft.AspNetCore.Components.WebView.BlazorWebViewInitializedEventArgs e)
  2. {
  3. #if ANDROID
  4. e.WebView.Settings.MixedContentMode = Android.Webkit.MixedContentHandling.AlwaysAllow;
  5. #endif
  6. }

 

2.将静态html或者打包好的vue、uniapp项目拷贝到wwwroot目录下(先删除此目录下项目生成的文件),因为我测试是用的uniapp打包的html,因此下面都是基于uniapp的方式实现的,其他的都一样的步骤

将uniapp打包后的项目拷贝后修改index.html文件,添加_framework/blazor.webview.js,就是在index.html中的js 文件上面添加blazor.webview.js的引用

  1. <script src="_framework/blazor.webview.js" autostart="false" crossorigin="anonymous"></script>
  2. <script src=./static/js/chunk-vendors.22eccfa8.js></script>
  3. <script src=./static/js/index.5efaff53.js></script>

 3.在需要执行微信skd的方法时直接通过js方法调用(微信sdk方法需先在PublicMethods.cs 静态类中注册)  从 ASP.NET Core Blazor 中的 JavaScript 函数调用 .NET 方法 | Microsoft Learn

  1. DotNet.invokeMethodAsync('MauiApp7', 'WxLogin')
  2. .then(data => {
  3. console.log(data);
  4. });

这样就可以成功调用微信sdk的方法了

 

原文链接:https://www.cnblogs.com/lkd3063601/p/17222024.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号