本文实例讲述了微信JS-SDK自定义分享功能。分享给大家供大家参考,具体如下:分享出去的内容,可以通过jssdk进行修改。1.配置jssdkWx_config.html<?php import("@.ORG.jssdk"); $jssdk = new JSSDK(C(oauth_config.appid), C(oauth_config.appsecret)); $signPackage = $jssdk->GetSignPackage(); ?> <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script>wx.config({debug: false,appId: <?php echo...
前言众所周知,在使用vue做项目的时候,微信自定义分享一直是一个坑,只是ios上坑明显的多。然后每次遇到问题都要度娘很久。奇怪的是貌似和很多人遇到的问题一样,但是他们写的解决方案都没办法直接解决我遇到的问题。这里就记录一下遇到过的一些坑,和解决方式。目前项目里面,安卓和ios上面的自定义分享已经没有什么问题了。问题及解决方式hash模式在微信的官方文档中,提到关于jsapi_ticket的签名算法中,生成签名的时候,当前网...
网页分享到微信要怎么才能自定义标题,内容和图片呢?需求概述微信中可以直接转发网页链接,用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友,朋友圈,QQ等。但直接这样分享的话,用户看到的只是一条链接,没有任何的图文内容。 如下图,图1是别人分享给我的链接效果,图2是我分享给别人的效果。两种方案的用户体验我想都不用我多说了,一眼就能看的出来.方案实现要达到上图自定义文案与图标的效果,必须要...
一、背景介绍 在微信中打开自己网站的链接,经常会变成下面这样不太好看有木有,如果你想在分享出来的东西带上你的logo,带上你想要的描述,怎么办,像下面这样这就需要用到微信的分享SDK,文档链接:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 二、微信SDK使用说明第一步 第一步 先要在微信公众平台上注册一个微信公众号,还必须要是认证的企业或组织,流程走下来大概要个两三天的时间吧,只有认...
背景目前手上有一个小程序的项目,希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。 /*** 用户点击右上角分享*/onShareAppMessage: function() {return {imageUrl:,title:};}实现我们要转发的显示内容多了一点东西:头像,用户名和点赞数。好在这个排版不是很复杂,所以我们思考了一下通过canvas去生成一张图片再return canvas所生成的图片url。代码如下(其实还要作出一些显示上的优化,具体你们自...
最近开发一个项目时,有微信H5网页自定义分享功能,使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发文档这样写的 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: , // 分享标题 desc: , // 分享描述 link: , // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: , // 分...
微信二次分享/自定义分享 从App中使用App分享(一次分享)使用微信导航栏的分享(二次分享) --已做处理使用微信导航栏的分享(二次分享) --未做处理如上图,如果不做相关处理,页面进行二次分享,用户看到的就是链接+空图,上面显示的文案(考拉阅读)实际上是获取的title标签中的文案,我在网上查的相关例子有说明,图片如果不设置,将会自动获取浏览器渲染的第一张图片,经过个人测试,并没有实现(朋友圈同理,不做图片...
本文实例讲述了微信小程序实现的自定义分享功能。分享给大家供大家参考,具体如下: 大家都知道,小程序有分享的功能,可以分享整个程序,也可以自定义分享的内容 onShareAppMessage 在 Page 中定义 onShareAppMessage 函数,设置该页面的分享信息。 只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮用户点击分享按钮的时候会调用此事件需要 return 一个 Object,用于自定义分享内容示例代码: Page({onShareAppMessage:...
在很多App中都会涉及到分享,React Native提供了Modal组件用来实现一些模态弹窗,例如加载进度框,分享弹框等。使用Modal搭建分析的效果如下: 自定义的分析界面代码如下: ShareAlertDialog.js /*** https://github.com/facebook/react-native* @flow 分享弹窗*/import React, {Component} from react; import {View, TouchableOpacity, Alert,StyleSheet, Dimensions, Modal, Text, Image} from react-native; import Separator ...