網站首頁 編程語言 正文
<script src="~/script/jweixin-1.6.0.js"></script>
<script src="~/script/moment.js"></script>
<script src="~/script/sha1.js"></script>
function randomString(len) {
len = len || 32;
const $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';/****默認去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
const maxPos = $chars.length;
let pwd = '';
for (let i = 0; i < len; i++) {
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
}
return pwd;
}
const _timestamp = moment().format('X');
const _nonce_str = randomString(32);
const jsapi_ticket = GetUrlParam("jsapi_ticket") || "@Model.Ticket" // 后端提供
const url = window.location.href;
const _sign = sha1(`jsapi_ticket=${jsapi_ticket}&noncestr=${_nonce_str}×tamp=${_timestamp}&url=${url}`);
wx.config({
debug: false,
appId: "123456789", // 必填,公眾號的唯一標識,需要注冊公眾號提供appid
timestamp: _timestamp.toString(), // 必填,生成簽名的時間戳
nonceStr: _nonce_str, // 必填,生成簽名的隨機串
signature: _sign,// 必填,簽名,見附錄1
jsApiList: ["updateAppMessageShareData","updateTimelineShareData"] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2 onMenuShareAppMessage
});
wx.ready(function () { //需在用戶可能點擊分享按鈕前就先調用
wx.updateAppMessageShareData({
title: '分享標題', // 分享標題
desc: '我是一只小鴨子咿呀咿呀呦!', // 分享描述
link: location.href, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號 JS 安全域名一致
imgUrl: 'http://fanjiaxing.com/img/change-1.4b9bb6f.png', // 分享圖標
success: function () {
alert('成功啦!')
}
})
});
注意:復制粘貼的鏈接發送到微信,會是一串地址,從政地址點進去再次分享,還是一串網址,
1.將這個鏈接生成二維碼,用微信掃描打開后風險,才會顯示名片,
2.將這個網頁掛載到公眾號下面,通過公眾號的菜單欄那里,進入過這個鏈接,然后再去分享,也會是名片
3.如果是從app里面分享到微信的話,app可以配置分享過來的名片,分享過來之后,在微信里面打開,右上角再次分享,是可以展示h5配置的名片的
原文鏈接:https://blog.csdn.net/sllailcp/article/details/129059973
相關推薦
- 2022-12-24 詳解Python裝飾器的四種定義形式_python
- 2022-06-01 C#基于Socket的網絡通信類你了解嗎_C#教程
- 2022-08-10 python數組中的?k-diff?數對例題解析_python
- 2022-07-26 Visual Studio上一些Error的解決方案
- 2022-09-07 pytest配置文件pytest.ini的具體使用_python
- 2022-04-04 git push報錯Proxy CONNECT aborted
- 2022-05-22 jQuery中的關系查找方法_jquery
- 2022-08-12 python封裝成exe的超詳細教程_python
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支