【HarmonyOS】鸿蒙应用接入微信分享

【HarmonyOS】鸿蒙应用接入微信分享

一、下载鸿蒙版微信开放SDK和示例DEMO

1.WeChat_Open_SDK:

点击跳转@tencent/wechat_open_sdk(V1.0.3)
2.官方示例DEMO下载

点击下载OpenSDK-1.0.0.zip
二、运行示例项目

微信的示例项目进行配置同步后，设置自动签名就可以直接运行成功，结果如下：

可以看到微信分享相关在，发送消息按钮，跳转到的页面中，共有两种分享形式，文本和图片。图片又分为网络图片uri，相册选图，和image发送三种：

分享页面实现都在SendMessage中，在没有配置APPID的情况下，点击发送XX消息，会跳转到微信，但是会提示第三方应用信息校验失败：

需要在Constants.ets中进行配置：

微信开放平台需要注册你的鸿蒙应用，配置包名等信息。微信最麻烦的就是这个，没有提供一个测试id进行结果检察，只能先去注册你的应用。点击鸿蒙应用手册
三、copy分享相关代码进行接入

1.安装SDK依靠：
sdk版本以三方库的最新版本为准：

1. "dependencies": {
2.     "@tencent/wechat_open_sdk": "1.0.3"
3.   }

复制代码

分享的目的场景，目前仅支持分享到会话，分享到朋侪圈功能还在开发中。
分享的目的场景，目前仅支持分享到会话，分享到朋侪圈功能还在开发中。
分享的目的场景，目前仅支持分享到会话，分享到朋侪圈功能还在开发中。
2.参考SendMessage.ets中的代码，copy【文本分享】相关代码：

1. import * as wxopensdk from '@tencent/wechat_open_sdk';
3.   onClickSendText = async ()=>{
4.           // 创建文本分享容器对象，并且赋值文本
5.     let textObject = new wxopensdk.WXTextObject;
6.     textObject.text = kTextMessage;
7.         // 放到消息对象包裹里
8.     let mediaMessage = new wxopensdk.WXMediaMessage();
9.     mediaMessage.mediaObject = textObject;
10.         // 发送包裹,根据返回值判断成功与否
11.     let req = new wxopensdk.SendMessageToWXReq();
12.     req.scene = wxopensdk.SendMessageToWXReq.WXSceneSession;
13.     req.message = mediaMessage
15.     let finished = await this.wxApi.sendReq(getContext(this) as common.UIAbilityContext, req)
16.     console.log("send request finished: ", finished)
17.   }

复制代码

3.参考SendMessage.ets中的代码，copy【图片分享】相关代码：
（1）用网络图片发送Image消息(uri)

1. import * as wxopensdk from '@tencent/wechat_open_sdk';
3.   onClickSendImageByUrl = ()=>{
4.     let imageUrl = "https://img.tukuppt.com/photo-big/00/10/77/619619681755c5463.jpg"
5.     // 网络图片的url地址，下载到本地应用沙箱
6.     this.downloadImageWithUrl(imageUrl, async (imageData) => {
7.       let file: fileIo.File | undefined;
8.       let filePath = getContext(this).filesDir + `/original-${Date.now()}.jpg`;
9.       file = fileIo.openSync(filePath, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
10.       fileIo.writeSync(file.fd, imageData);
11.       fileIo.closeSync(file);
12.           // 创建图片分享容器对象，并且赋值图片本地地址
13.       let imageObject = new wxopensdk.WXImageObject
14.       imageObject.uri = fileUri.getUriFromPath(filePath);
15.           // 放到消息对象包裹里
16.       let mediaMessage = new wxopensdk.WXMediaMessage()
17.       mediaMessage.mediaObject = imageObject
18.           // 放到消息对象包裹里
19.       let req = new wxopensdk.SendMessageToWXReq()
20.       req.scene = wxopensdk.SendMessageToWXReq.WXSceneSession;
21.       req.message = mediaMessage
23.       this.wxApi.sendReq(getContext(this) as common.UIAbilityContext, req)
24.     })
25.   }
26.   
27.   downloadImageWithUrl(url: string,
28.     completion: (imageData: ArrayBuffer) => void) {
29.     http.createHttp().request(url,
30.       (error: BusinessError, data: http.HttpResponse) => {
31.         if (error || data.responseCode != 200) {
32.           return
33.         }
34.         completion((data.result as ArrayBuffer))
35.       })
36.   }

复制代码

（2）从相册中选择图片发送Image消息

1.   onClickSendImageByAlbum = async ()=>{
2.     let imageObject = new wxopensdk.WXImageObject
3.     imageObject.uri = await this.getPictureUriFromAlbum()
5.     let mediaMessage = new wxopensdk.WXMediaMessage()
6.     mediaMessage.mediaObject = imageObject
8.     let req = new wxopensdk.SendMessageToWXReq()
9.     req.scene = this.currentScene
10.     req.message = mediaMessage
12.     this.wxApi.sendReq(getContext(this) as common.UIAbilityContext, req)
13.   }
15.   async getPictureUriFromAlbum(): Promise<string> {
16.     let PhotoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
17.     PhotoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
18.     PhotoSelectOptions.maxSelectNumber = 1;
19.     let photoPicker = new photoAccessHelper.PhotoViewPicker();
20.     let photoSelectResult: photoAccessHelper.PhotoSelectResult = await photoPicker.select(PhotoSelectOptions);
21.     let albumPath = photoSelectResult.photoUris[0];
23.     let context = getContext(this) as common.UIAbilityContext;
24.     let file: fileIo.File | undefined;
25.     file = fileIo.openSync(albumPath, fileIo.OpenMode.READ_ONLY);
27.     let timeStamp = Date.now();
28.     fileIo.copyFileSync(file.fd, context.filesDir + `/original-${timeStamp}.jpg`);
29.     fileIo.closeSync(file);
31.     let filePath = context.filesDir + `/original-${timeStamp}.jpg`;
32.     return fileUri.getUriFromPath(filePath);
33.   }

复制代码

（3）发送Image消息(data) 【应用资源文件夹内的图片资源】

1.   
2.   onClickSendImageByData = async ()=>{
3.     // 本地资源管理工具
4.     let resourceManager = getContext(this).resourceManager
5.     // 获取资源文件夹中的图片,转化为pixelMap
6.     let imageArray = await resourceManager.getMediaContent($r('app.media.test0'));
7.     let pixelBuffer = imageArray.buffer as ArrayBuffer;
8.     let imageResource = image.createImageSource(pixelBuffer);
9.     let opts: image.DecodingOptions = { editable: true }
10.     let pixelMap = await imageResource.createPixelMap(opts);
12.     // 压缩图片，获取ArrayBuffer
13.     const imagePackerApi: image.ImagePacker = image.createImagePacker();
14.     let packOpts: image.PackingOption = { format: 'image/jpeg', quality: 30 };
15.     imagePackerApi.packing(pixelMap, packOpts).then((data: ArrayBuffer) => {
16.       // 老规矩三件套，创建对象，填充，发射
17.       let imageObject = new wxopensdk.WXImageObject
19.       let buf: buffer.Buffer = buffer.from(data);
20.       imageObject.imageData = buf.toString('base64', 0, buf.length);
22.       let mediaMessage = new wxopensdk.WXMediaMessage()
23.       mediaMessage.mediaObject = imageObject
25.       let req = new wxopensdk.SendMessageToWXReq()
26.       req.scene = this.currentScene
27.       req.message = mediaMessage
29.       this.wxApi.sendReq(getContext(this) as common.UIAbilityContext, req)
30.     })
31.   }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。