Vue 项目实现微信分享的自定义分享链接问题解决

最新推荐文章于 2024-08-23 10:41:37 发布

dearbaba_8520

最新推荐文章于 2024-08-23 10:41:37 发布

阅读量420

点赞数

文章标签： vue 公众号微信分享参数重定向自定义分享链接微信分享分享

原文链接：https://www.itdaan.com/blog/2018/07/07/b19fee2f131a348a1aa1c8de990c07d1.html

版权

Vue 项目实现微信分享的自定义分享链接问题解决

参考文章：

（1）Vue 项目实现微信分享的自定义分享链接问题解决

（2）https://www.cnblogs.com/blackbentel/p/9278794.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dearbaba_8520

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue自定义微信分享

weixin_44880056的博客

04-13

551

1.安装 npm install weixin-js-sdk 2.在页面引入 import wx from 'weixin-js-sdk'; 3.调用方法 getShareInfo() { wxShare().then(res => {//获取微信appid接口 console.log(res) //拿到后端给的这些数据 let appId = res.data.app_id; let timestamp = res.data.timestamp;

vue 微信自定义分享链接拼接参数实现分享功能

chuanguacu9253的博客

07-30

2278

Vue 项目实现微信分享的自定义分享链接问题解决这篇文章可能把问题想复杂了，设置微信分享推荐阅读这篇文章 >>前端调用微信分享函数封装（适用于原生页面和其他框架项目）前言：　　前两天在做微信公众号里的项目的时候有一个需求是在 vue 项目中实现微信分享，然后在自定...

参与评论您还未登录，请先登录后发表或查看评论

微信公众号内嵌vue的H5实现微信分享自定义卡片

最新发布

yodoyskts的博客

08-23

1230

具体需求大概是这样的，在公众号内嵌的vue项目在分享的时候走了微信的接口，分享出来的卡片是空白且没有图片的，像这样而正确的分享姿势应该是这样说完业务需求现在说实现方法，首先需要公众号支持分享的服务器外网ip地址，需要添加到白名单中，如图：绑定域名：登录公众平台进入“公众号设置”的“功能设置”里填写“js接口安全域名”备注：登录后可在“开发者中心”查看对应的接口权限，js接口安全域名要添加图片的连接域名或用oss规定图片域名要跟js接口安全域名里的域名一致，负责图片会有不展示的风险，这是个坑，要注意注*(如果

VUE + 微信分享

追风筝的博客

12-06

3296

项目场景：项目场景：一个h5界面要求点击右上角三个点后点击微信好友分享带标题和图片给好友效果图如下首先得得下载微信的 weixin-js-sdk cnpm i weixin-js-sdk --save 在需要分享的页面引入 import wx from 'weixin-js-sdk'; // 引入wxjs import { shares } from '@/api/index'; // 分享的接口传给后端一个地址(与域名一致) 在methods写调用的方法 // vue调用微信的自定义分

微信公众号-自定义微信分享（vue）(JS-SDK)

zk_tww的博客

08-02

1011

日常公众号开发中，业务部门对于微信内置分享(右上角->分享到朋友等)效果不太满意，需要我们自定义相关分享效果JS-SDK说明文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

vue项目全局配置微信分享_Vue 项目实现微信自定义分享

weixin_39675679的博客

12-20

645

最近公司项目中有在微信中自定义分享的需要，遇到的问题记录一下。¶一、实现效果¶二、遇到的问题1、需求：项目需要带参分享，进行好友拆礼盒的类似操作，需要带个参与活动的 id，其实这种分享微信是不太赞成的，这里不论。2、问题 1：项目本身引入的 js-sdk 是 1.3.3 版本，与微信目前推荐的 1.4.0 版本还有版本差距。3、问题 2：微信认证 url 之后，设置的分享链接在 ‘#’ 及其之后会...

vue实现微信二次分享以及自定义分享的示例

01-19

微信二次分享／自定义分享从App中使用App分享（一次分享）使用微信导航栏的分享（二次分享）－－已做处理使用微信导航栏的分享（二次分享）－－未做处理如上图，如果不做相关处理，页面进行二次分享，用户...

vue实现微信分享链接添加动态参数的方法

01-19

微信分享时分享链接携带参数可能不是固定的需要在分享的前一刻才知道这里就是动态设置分享链接的基本写法代码不是那么详尽但大致流程如下 1.安装引用jssdk npm install --save weixin-js-sdk const wx=require...

记录vue做微信自定义分享的一些问题

10-16

本文将详细阐述在Vue项目中实现微信自定义分享时遇到的问题以及相应的解决策略。首先，我们要了解微信自定义分享的基本流程。在微信的官方文档中，要求在生成`jsapi_ticket`签名时，URL不应包含`#`及其后面的部分...

vue 微信分享

leng0920的博客

09-14

200

index.html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script type="text/javascript"> $(function() { v

vue实现微信分享功能

10-17

主要介为大家详细绍了vue实现微信分享功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

vue使用微信JS-SDK实现分享功能

10-16

主要介绍了vue使用微信JS-SDK实现分享功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

vue项目中实现的微信分享功能示例

10-17

主要介绍了vue项目中实现的微信分享功能,结合实例形式分析了基于vue.js实现的微信分享功能具体定义与使用方法,需要的朋友可以参考下

vue中微信分享

qq_45184152的博客

06-01

294

一：分享js import wx from 'weixin-js-sdk' import https from '@/https.js' //调用方法时传进来的参数 //let info={title:this.info.name,imgUrl:this.info.photo_l,desc:this.info.goods_trait,link:this.shareBaseUrl}; const wxShare=function(info){ console.log("wx分享",info)

vue + 微信分享

MiemieWan的博客

06-26

1764

1、背景：使用vue框架的公众号网页 3、要求：所有页面隐藏除微信浏览器的其他浏览器打开功能，设置好友分享和朋友圈分享 4、处理过程：（1）在index.html中载入jssdk：http://res.wx.qq.com/open/js/jweixin-1.4.0.js （2）通过调用后台接口，获取微信配置所需的配置信息注意：所有需要使用JS-SDK的页面必须先注入配置信息，否则将无...

vue 实现微信分享

m0_73333688的博客

07-31

1724

在这个后端接口中，你需要使用你的微信公众号的AppID和AppSecret来进行签名验证，并生成一个包含参数的JSON返回给前端。在Vue组件中配置微信分享参数：在需要进行分享的Vue组件中，可以使用Vue的生命周期钩子函数（如created或mounted）来配置微信分享的参数。配置后端接口：上述代码中的YOUR_BACKEND_API_URL需要由你自己的后端接口来提供微信分享的参数。您可以参考微信官方文档中关于JS-SDK的介绍和使用说明，以了解更多关于微信分享的信息和配置方法。

vue项目之微信分享

kayla_wang的博客

08-07

1096

1. npm install weixin-js-sdk --save 2. mian.js 引入 import wx from 'weixin-js-sdk' Vue.prototype.wx = wx 3.wxapi.js 封装的公共js import wx from 'weixin-js-sdk' import Vue from 'vue' export function wx...

vue 微信自定义分享提示realauthurl

09-10

realauthurl是一种用于微信自定义分享提示的功能。在使用Vue框架开发微信网页应用时，可以通过设置realauthurl来实现自定义的分享提示内容。首先，我们需要在Vue组件中引入微信的JavaScript SDK，并在页面加载完成...