微信自带分享功能实现

VUE使用JS-SDK实现微信分享好友功能(通过点击控件触发) 微信JSSDK官方开发文档 微信分享有很多种 这里只记录了分享好友功能 1、通过npm安装微信的js-sdk npm install weixin-js-sdk 2、在main.js里引用或在需要分享的页面引用 import wx from 'weixin-js-sdk'; 3、在页面创建时候先注入配置信息(必须)! //生命周期我就创建了 created() { var... 阅读详情

最近做的微信公众号开发,有个页面是需要分享推广,微信自带的也有转发可是转发出去的效果是网址,这个效果显然不是我们需要的

我们需要下载一下微信jssdk  此处附上链接:http://download.youkuaiyun.com/detail/jmkweb/9859557

http://download.youkuaiyun.com/detail/jmkweb/9859567

然后建立方法调用jssdk类

function jssdk($info){
    include_once("Wechat/JSSDK.class.php");
    $jssdk = new JSSDK ($info ['appid'], $info ['appsecret']);
    $jsapiParams = $jssdk->GetSignPackage();
    return $jsapiParams;
}

此处需要注意的是传进来的是个数组,此数组是微信的配置文件微信的appid和调用高级功能的密钥

最后直接在控制器中调用此方法


public function getStore(Request $request)
{
    $info = WemallWxconfig::where(array('id' => 1))->first();//读取数据库微信配置内容
    $jsapiParams=jssdk($info);
    $username=$request->session()->get('username');
    $shop = DB::table('shop')->where('username',$username)->first();
    $data = std_class_object_to_array($shop);
    $img = explode('||',$data['image']);
    unset($img[count($img) - 1]);
    $data['image'] = $img ;
    return view('Index/dpxq')->with('data',$data)->with('jsapiParams',$jsapiParams);
}

最后输出在页面上

<script src="{{ asset('Sys/js/jquery.js') }}"></script>
<script src="{{ asset('Sys/js/weixin.js') }}"></script>
<script>
        wx.config({
            debug: false,
            appId: "{{$jsapiParams['appId']}}",
            timestamp: "{{$jsapiParams['timestamp']}}",
            nonceStr: "{{$jsapiParams['nonceStr']}}",
            signature: "{{$jsapiParams['signature']}}",
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
        });
        wx.ready(function() {
            wx.onMenuShareTimeline({
                title: '{{ $data["title"] }}',
                link: 'http://www.qiaowei360.com/huogou/public/store/{{ $data["id"] }}',
                imgUrl: "{{ asset('') }}/{{ $data['imgurl'] }}thumb/{{ $data['img']  }}",
                success: function() {
                    alert('分享成功');
                },
                cancel: function() {
                    alert('分享失败');
                }
            });
            wx.onMenuShareAppMessage({
                title: '{{ $data["title"] }}',
                desc: '主营:{{ $data["shopinfo"] }}',
                link: 'http://www.qiaowei360.com/huogou/public/store/{{ $data["id"] }}',
                imgUrl: "{{ asset('') }}/{{ $data['imgurl'] }}thumb/{{ $data['img']  }}",
                type: '',
                dataUrl: '',
                success: function() {
                    alert('分享成功');
                },
                cancel: function() {
                    alert('分享失败');
                }
            });
        });
</script>
然后该页面分享出去的效果是


解决RK3566 USB OTG模式识别问题:从原理图分析到otg_mode文件操作全解析 本文深入解析RK3566 USB OTG模式识别问题,从硬件原理图设计到Linux内核的otg_mode文件操作,提供全面的调试方案。针对USB_OTG0_ID引脚电路设计、电源管理关联及内核驱动交互等关键点,给出实战调试技巧和常见问题解决方案,帮助开发者高效解决USB OTG模式切换难题。 阅读详情

相关推荐

LCD工程师必看:Pixelclock、Mipi Clk计算全解析(附实用公式)

本文为LCD工程师详细解析了像素时钟(Pixelclock)与MIPI时钟(Mipi Clk)的核心计算方法。文章从时序参数构成入手,通过实战公式推导,系统阐述了从屏幕分辨率、刷新率到最终MIPI速率的高效计算链路,并提供了实用的调试思路与排查清单,帮助工程师快速解决画面撕裂、闪烁等常见问题。

weixin_29266679的博客 388

H5微信分享记录

最近做H5微信分享,用的微信jssdk来做,现记录下一些过程和遇到的问题。

yemuxia_sinian的博客 2272

保姆级教程:用rosbag录制和回放你的第一个ROS机器人数据(附C++/Python代码)

本文提供了一份详细的ROS机器人数据录制与回放教程,涵盖从命令行操作到C++/Python编程实现的全流程。通过rosbag工具,开发者可以高效记录和回放机器人运行时的传感器数据和控制指令,适用于故障复现、算法调试等多种场景。教程还包含高级技巧如时间同步和大文件处理,帮助用户快速掌握ROS数据管理核心技能。

weixin_29313239的博客 283

微信H5页面分享给朋友或朋友圈解决方案

微信H5页面 分享朋友或朋友圈解决方案

weixin_48263393的博客 5838

Mamba与iTransformer融合:时间序列预测中的曼巴注意力机制创新实践

本文探讨了Mamba与iTransformer融合在时间序列预测中的创新实践,重点介绍了曼巴注意力机制的设计与优势。通过双路径信息流设计,该方案在保持O(n)复杂度的同时,显著提升了预测精度和训练效率。实验证明,混合架构在电力负荷、气象数据等多变量长序列场景中表现优异,预测误差降低至0.083,内存占用仅4.2GB。

weixin_29292535的博客 219

从零开始:IBM V3700控制器更换与机器代码升级全流程指南

本文详细介绍了IBM V3700存储系统控制器更换与机器代码升级的全流程指南。从前期准备、硬件更换到版本同步,逐步解析如何应对503错误等常见问题,确保系统稳定运行。通过实战案例和优化建议,帮助工程师高效完成维护任务,提升存储系统可用性。

weixin_28365523的博客 312

uniapp微信公众号h5的分享好友和分享朋友圈

【代码】uniapp微信公众号h5的分享好友和分享朋友圈。

记录本人工作中遇到的问题、经验总结以及分享。 5476

【Python爬虫】股票信息定向爬取

【Python爬虫】股票信息定向爬取:通过requests-bs4-re技术路线爬虫获取上交所和深交所所有股票的名称和交易信息

qq_39321802的博客 1503

微信公众号分享给微信好友和朋友圈

获取当前access_token同获取jsapi_ticket一样数据库表结构为。重新从微信获取access_token。获取jsapi config参数。获取当前jsapi_ticket。重新获取jsapi_ticket。

simplexiaobo的博客 6668

Android开发必备:TBS腾讯浏览服务静态集成完整指南(附Demo下载)

本文详细解析了Android开发中TBS腾讯浏览服务的静态集成方案,通过对比动态集成,深入剖析了其核心原理与适用场景。文章提供了从环境准备、资源获取、项目配置到代码初始化的完整指南,并重点介绍了WebView与文件预览等高级特性的实战应用。针对集成过程中的常见问题,提供了详尽的排查清单与性能调优建议,旨在帮助开发者构建极致稳定、不依赖网络的WebView与文件预览功能。文末附有经过验证的Demo项目可供下载参考。

earth的博客 366

游戏大厂技术护城河——为什么你抄不了原神?

│ │ │ │ ↓ 通过 │ │ │ │。│ │ │ │ ↓ 成功 │ │ │ │。│ │ │ │ ↓ 完成 │ │ │ │。│ │ │ │ ↓ 达标 │ │ │ │。

本博客聚焦游戏开发技巧、创业实战心得及大学热门课程干货。这里既有技术深度,也有思维广度,无论你是开发者、创业者还是高校学子,都能在这里找到适合自己的成长之路! 71

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

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

yodoyskts的博客 2429

Claude Code 100个真实案例 - 用AI设计Arduino PCB电路板(硬件小白也能画板)

本案例展示如何使用 Claude Code 配合 KiCad 的 Python 脚本接口,从零设计一块 Arduino 传感器扩展板 PCB。从原理图符号创建、网表生成到 PCB 布局布线,全程自动化完成,最终输出可直接发给工厂打样的 Gerber 文件。

yueyeguzhuo的专栏 439

uniapp小程序实现微信小程序自带的分享功能

可以使用 uni.showModal() 和 uni.showActionSheet() 方法来实现微信小程序自带的分享功能。 使用 uni.showModal() 方法,可以弹出一个模态对话框,用户可以选择是否分享。 使用 uni.showActionSheet() 方法,可以弹出一个操作菜单,用户可以选择分享到哪里。 具体实现方法如下: 在需要分享的页面中,调用 uni.showMo...

weixin_35754962的博客 1002

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

uniapp实现微信小程序自带的分享功能

uniapp实现微信小程序自带的分享功能

weixin_61769998的博客 828

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

利用UIActivityController调用ios系统自带的分享功能,实现微信发布多图的功能

通过一番查找以后找到一个类UIActivityController,可以调用系统的social.framework中的分享接口。看下面的图就知道了,这个还是挺常见的 微信发布多图 借鉴了优快云上的一个demo, 里面自定义了一个实现UIActivityItemSource协议的类 ShareItem // // SharedItem.h // xi...

weixin_30924239的博客 342

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

利用UIActivityController调用ios 系统自带的分享功能,实现微信发布多图的功能

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33778778的博客 422

uniapp 微信分享

利用uniapp的uni.share实现微信分享的效果

lxgyydsgod的博客 1万+

mui实现分享功能_如何实现分享功能

首先我们公司的项目用的是H5,今天有说让实现微信,朋友圈,QQ,空间等分享功能,于是在网上找了很多资料,一开始发现网上都说的迷迷糊糊的,自己一脸懵。而且产品还给我推荐了一个地址,让我参考移动端H5多平台分享实践​juejin.im(其实这个写的挺好的),同时我也参考了微信开发平台的分享功能微信开发平台​mp.weixin.qq.com总结:H5无法实现直接调用手机App并实现分享功能,如果你想自定...

weixin_39582569的博客 156

vue项目前端添加微信分享

vue中的微信分享 微信分享功能需要在每个页面刚刚打开的时候就初始化,然后用户点击分享才可以调用微信自带的分享. 微信中限制其他的分享插件, 只能使用微信自己的分享功能 在index.html文件夹中引入微信的js文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

jared.wang 1140

微信小程序如何实现分享功能

综上所述,微信小程序提供了多种灵活的方式来实现分享功能,开发者可以根据具体需求和场景选择合适的方式来实现。同时,为了确保分享的安全性和用户体验,开发者需要遵循微信官方的相关规范和建议。

王铁柱666的博客 6034

Android系统是自带分享功能

Android系统是自带分享功能的,不过也有一定的局限性,可以分享图片,文字,视频,音频等,也可以分享多图,但是不支持直接分享一个卡片(包括图文,链接),所以一般都是将需要分享的内容添加到图片中,或者通过整串文字的方式来分享。下边是几种分享方式的具体代码:action设为send或者send multiple,然后设置分享的类型和要分享内容。

u010194271的博客 845

安卓,调用系统方法分享到微信

项目中有需求,要能一次性分享多张图片给微信好友,还要能带文字和多张图片跳转到微信的朋友圈的发布界面(这让我想到了微商最想要的微信一键转发功能)。

小雨的专栏 3539

android 微信分享详解(分享到朋友和朋友圈)

最近研究了一下微信分享到朋友和朋友圈,

yeyuehei的专栏 4108

H5页面分享内容至QQ、微信功能(支持大多浏览器)

H5页面分享内容至QQ、微信功能(支持大多浏览器) 【下载地址】H5页面分享内容至QQ微信功能支持大多浏览器 这是一个专为H5页面设计的分享功能工具,能够轻松将内容分享至QQ和微信两大主流社交平台。该工具兼容市面上大多数主流浏览器的自带分享功能,操作简单便捷,极大提升了用户的分享体验。在微信环境中,只需按照微信开发文档完...

gitblog_06752的博客 346

android 实现微信分享多张图片的功能

昨天公司老大通知客户改需求了,原来的微信分享改成分享多张图片,然后屁颠屁颠跑到微信平台看了以后 心里千万只草泥马狂奔而过,微信平台没有提供分享多张的SDK有木有啊,我们只能自己调用系统自带的分享功能实现。 这儿我先讲下流程,后面会附上源码。 首先我们讲下调起微信分享的方法。其实方法都是一样的,没有太大的区别。 //com.tencent.mm.ui.tools.ShareImgUi...

weixin_30808693的博客 734
上一篇: 获取微信openid
下一篇: 使用git上传项目到github
梦夏夜
博客等级 码龄10年 532粉丝 56原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦夏夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值