uni-app分享小程序卡片给微信好友

article/2025/9/27 6:41:08

一、前言

最近有这样一个需求,使用APP将一个小程序的页面分享给微信好友,起初一脸问号,APP分享小程序的页面,两个不相干的东西怎么关联分享?于是乎抱着实现不了的心态在网上看帖子,最后终于在uni-app文档和微信官方文档找到了答案。

二、准备

1、登录微信开放平台,保证你的APP和小程序在同一开放平台账号下

2、在uni-app的manifest.json模块配置中勾选Share(分享)

这里需要注意的是,这里的appid并不是你要分享的微信小程序的appid ,而是在微信开放平台创建的移动应用的appid(下图红框)。

 如果需要苹果设备也支持分享,须配置Universal Links链接,配置方法移步uni-app文档

三、代码

uni.share({provider: 'weixin',scene: "WXSceneSession",type: 5,imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/962fc340-4f2c-11eb-bdc1-8bd33eb6adaa.png',title: '欢迎体验uniapp',miniProgram: {id: 'gh_abcdefg',path: 'pages/index/index',type: 0,webUrl: 'http://uniapp.dcloud.io'},success: ret => {console.log('success', ret);},fail: err => {console.log('error', err);}
});

需要特别注意的是,miniProgram里的id不是小程序的appid,而是小程序的原始id!而且webUrl字段不能为空,否则会导致分享失败,随便放个链接就好。

依照上边的步骤,就实现app分享小程序卡片给微信好友啦,更详细的字段含义及分享内容移步uni-app文档


http://chatgpt.dhexx.cn/article/t3JMlsox.shtml

相关文章

App分享微信小程序功能介绍和业务方案分析

今天微信小程序新增了支持跳转App的功能,算是一次比较大的突破,我也第一时间体验了一下该功能,App和小程序之间的跳转还是比较灵活的。 屏幕快照 2018-01-25 下午7.05.46.png 小程序支持打开移动应用 逻辑图 因为需要用户主动触发才能打开 …

iOS从APP中分享出小程序详解

移动应用分享功能支持小程序类型分享,要求发起分享的App与小程序属于同一微信开放平台帐号。支持分享小程序类型消息至好友会话,不支持“分享至朋友圈”及“收藏”。 微信客户端版本要求:6.5.6及以上微信客户端版本。为兼容旧版本客户端,若客户端版本低于6.5.6,小程序类型…

APP分享微信小程序

APP可以分享小程序到微信对话框中,还能设置具体的跳转页面,下面介绍一下开发流程 1.APP绑定小程序 打开微信开放平台,登录APP的微信开放账号,在管理中心找到APP设置。点击小程序类目,绑定小程序。 绑定的时候需要登…

读取身份证UID

利用libnfc库读取: 原材料: ubuntu16.04 串口线CP2103或CP2102PN532模块 有些pn532匹配电路不对读不到 学习第一步破解M1卡: http://note.youdao.com/noteshare?id20e0e8130f40c30720eb346aefa546d3&subA1DCD4B0D6D8405EB53468E7511694DC 学习第…

c# winform 身份证信息读取

二代身份证信息读取源码分享 上软件运行界面: 温馨提示:运行程序别忘了装驱动哦! 上完整源码。界面可以自己画! using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using Syste…

二代身份证读取-微调版

说起微调其实就是对 上一篇文章 今天意外和身份证结缘 中提到的代码码放和调用一些巧妙的用法(至少小鬼觉得很有意思很巧妙)。 为什么有必要在写一篇 写的理由千千万;不写的理由万万千。对于小鬼来说就是:我吃饱了,撑着了&#x…

读取身份证信息系统的程序编写

文章目录 前言一、需要实现什么样的功能?二、编写过程 1.逻辑分析2.实操展示总结 前言 在网络诈骗的宣传过程中,常常提到不要去泄露自己的身份证号码,为什么呢?知己知彼,方能不被受骗,下面是对读取身份证信…

二代身份证读写器原理及开发

身份证读写器的作用就是从身份证中读取身份信息(例如姓名、民族、身份证号等),然后显示或者传输给其他模块使用。功能框架如下: 功能框图说明: 1 业务模块。负责向安全模块发送命令,操作安全模块进行对应的…

身份证的验证和读取

身份证的验证和读取 开发工具与关键技术:Visual Studio 2015、C#.WPF 作者:周水生 撰写时间:2019年6月2日 首先我们说明一下身份证数字代表的意思: (1)前1、2位数字表示:所在省份的代码&#…

添加身份证读取窗口

实现功能&#xff1a;点击读取身份证会弹出身份证识别窗口&#xff0c;读取到数据后&#xff0c;回传用户选择是否替换原先数据。 效果演示 1.读取身份证的弹窗 src\components\idCard.vue <template><el-dialogtitle"读取身份证信息":close-on-click-mo…

基于华视身份证读卡器读取身份证信息的Android demo

项目概述 本Demo需要华视的身份证读卡器&#xff0c;连接Android机器设备&#xff0c;当身份证读卡器读取到身份证信息后&#xff0c;立马展示出身份证信息数据。得到身份证的姓名、照片、出生年月等数据。 项目概述 本Demo需要华视的身份证读卡器&#xff0c;连接Android机…

【Python 身份证JSON数据读取】——身份证前六位地区码对照表文件(最全版-JSON文件)

点个赞留个关注吧&#xff01;&#xff01; 1、生成身份证前六位地区码对照表JSON文件 2、python 读取JSON文件 提取码【1234】 json文件下载 废话不多说&#xff0c;先上效果图 一、生成身份证json数据文件 先去百度搜索地区身份证号码前6位查询 ,然后进入网站控制台界面&…

VUE实现华视身份证阅读器读取身份证信息(本文分两种情况,第一中是点击按钮读取信息,一种是自动读取信息)

本文是用了vueelement来实现华视身份证读卡器读取身份信息的&#xff0c;当然在开发之前要做好前提准备&#xff0c;就是厂家提供对应设备的api和安装对应的驱动。本文通过两种方法来实现读取信息&#xff0c;第一种是点击按钮读取信息&#xff0c;第二种是卡片放上去会自动读取…

身份证读取设备开发解决方案:2、Android下通过usb转串口读取身份证信息

身份证读取设备开发解决方案&#xff1a;2、Android下通过usb转串口读取身份证信息 文章目录 身份证读取设备开发解决方案&#xff1a;2、Android下通过usb转串口读取身份证信息1. 前言2. 准备3. android下读取身份证信息的demo3.1 部分源码3.2 碎片代码3.3 结果展示3.4 注意点…

自动化神器!Python 批量读取身份证信息写入 Excel

今天分享一个实用技能&#xff0c;利用 Python 批量读取身份证信息写入 Excel。 读取 以图片形式的身份证为例&#xff0c;信息读取我们使用百度文字识别OCR来实现&#xff0c;百度接口提供了免费额度&#xff0c;日常使用基本差不多够了&#xff0c;下面来具体看一下如何使用…

浏览器使用华视电子设备读取身份证信息

项目中用到了使用华视电子CVR-100U、CVR-100D设备读取身份证的设备在浏览器上读取身份证信息&#xff0c;在浏览器使用时&#xff0c;需要安装浏览器的运行的插件&#xff0c;否则设备不好用。 sdk下载方式在文章最后 此控件支持IE、360浏览器、360极速浏览器等浏览器 暂不支持…

身份证读取设备开发解决方案:3、单片机读取身份证信息的demo

身份证读取设备开发解决方案&#xff1a;3、单片机读取身份证信息的demo 文章目录 身份证读取设备开发解决方案&#xff1a;3、单片机读取身份证信息的demo一、前言二、部分代码及结果展示1. 准备2. 部分代码3. 结果展示 三、常见错误错误1错误2 四、注意事项1. 确认串口线焊接…

身份证阅读器读卡器React网页方法实现身份证的读取

支持产品型号东信EST-100GS谷歌版本身份证读卡器USB免驱接口&#xff0c;支持谷歌火狐360 IE 遨游 搜狗 等等多种web浏览器使用。 官方网址&#xff1a;www.eastcoms.com 以下为React源码示例&#xff1a; import React, {PureComponent} from react; import "./agreemen…

身份证读取

在找读取身份证动态库&#xff08;dll&#xff09; 文件时&#xff0c;发现这么一篇好文章&#xff0c;有兴趣学习一下&#xff01; ---------------- 这份代码&#xff0c;主要是根据api文档来写的&#xff0c;文档上提供了各个方法的使用说明&#xff0c;并且有一个示例代码。…

身份证读取设备开发解决方案:1、Windows下开发Qt程序demo读取身份证信息

身份证读取设备开发解决方案&#xff1a;1、Windows下开发Qt程序demo读取身份证信息 文章目录 身份证读取设备开发解决方案&#xff1a;1、Windows下开发Qt程序demo读取身份证信息1. 前言2. 身份证读取模块3. Qt5开发简单上位机读取身份证信息1. 注意的点2. 部分源码3. 结果展示…