精华内容
下载资源
问答
  • 小程序生成二维码名片分享朋友圈
  • 微信小程序分享朋友圈生成海报

    万次阅读 2019-10-22 15:05:26
    分享朋友圈现在大家的通用做法就是通过Canvas生成一张图片后进行保存,然后自行转发朋友圈。最近项目有这个需求, 于是就记录一下。(老规矩,我的博客复制粘贴就好使) 先看一下效果图: 一、先把代码写上去 index....

    微信小程序实现分享到朋友圈

    分享朋友圈现在大家的通用做法就是通过Canvas生成一张图片后进行保存,然后自行转发朋友圈。最近项目有这个需求, 于是就记录一下。(老规矩,我的博客复制粘贴就好使

    如果想要海报上的二维码扫码完直接跳到指定的页面, 那么就需要生成一个带参数的二维码, 你需要看我的另一篇博客:微信小程序生成带参数的二维码以及小程序码

    先看一下效果图:
    在这里插入图片描述

    一、先把代码写上去

    index.wxml代码:

    <view class="container">
      <image src="{{shareImage}}" class="share-image"></image>
      <canvasdrawer painting="{{painting}}" class="canvasdrawer" bind:getImage="eventGetImage"/>
      <button bind:tap="eventDraw">绘制</button>
      <button bind:tap="eventSave">保存到本地</button>
    </view>
    

    index.wxss代码:

    .share-image {
      width: 600rpx;
      height: 810rpx;
      margin: 0 75rpx;
      padding: 1px;
      margin-top: 40px;
    }
    button {
      margin-top: 100rpx;
    }
    

    index.js代码:

    Page({
        data: {
            painting: {},
            shareImage: '',
        },
        onLoad() {
            this.eventDraw()
        },
        eventDraw() {
            var that = this;
            wx.showLoading({
                title: '绘制分享图片中',
                mask: true
            })
            this.setData({
                painting: {
                    width: 375,
                    height: 568,
                    clear: true,
                    views: [
                      //这个是一个纯白的图片,给整个画布一个白背景,要不然会有马赛克
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/weixin/item/bai.jpg',
                        width: 375,
                        height: 568
                      },
                      //边框,直接拿了一张图,当做边框
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/weixin/item/biankuang.png',
                        width: 375,
                        height: 568
                      },
                      //商品图
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/seafood/public/commercial/19/goodsimg/20191014/d4484c7f364078fffad452d2e158636b.jpg',
                        width: 328,
                        height: 328,
                        top:20,
                        left:22,
                      },
                      //商品名称
                      {
                        type: 'text',
                        content: '产品名称产品名称产品名称产品名称产品名称产品名称11111111111111111111111111111111111111111111',
                        fontSize: 20,
                        lineHeight: 21,
                        color: '#000000',
                        textAlign: 'left',
                        top: 360,
                        left: 36,
                        width: 290,
                        MaxLineNumber: 2,
                        breakWord: true,
                        bolder: true
                      },
                      //线条,同样也是用的图
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/weixin/item/xiantiao.png',
                        width: 325,
                        height: 5,
                        top: 443,
                        left:22
                      },
                      //商品价格
                      {
                          type: 'text',
                          content: '¥198.00',
                          fontSize: 20,
                          color: '#E62004',
                          textAlign: 'left',
                          top: 414,
                          left: 36,
                          bolder: true
                      },
                      //店铺名称
                      {
                        type: 'text',
                        content: '店铺名称店铺名称',
                        fontSize: 15,
                        lineHeight: 21,
                        color: '#7E7E8B',
                        textAlign: 'left',
                        top: 414,
                        left: 267,
                        width: 70,
                        MaxLineNumber: 1,
                        breakWord: true,
                      },
                      // 文字, 打不出这个文字带阴影的效果, 所以也用的图
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/weixin/item/wenzi.png',
                        width: 145,
                        height: 75,
                        top: 460,
                        left: 36,
                      },
                      //二维码
                      {
                        type: 'image',
                        url: 'https://tjhaizhixian.com/Public/Home/images/banner/min_code.jpg',
                        top: 455,
                        left: 260,
                        width: 85,
                        height: 85
                      },
                    ]
                }
            })
        },
        eventSave() {
            wx.saveImageToPhotosAlbum({
                filePath: this.data.shareImage,
                success(res) {
                    wx.showToast({
                        title: '保存图片成功',
                        icon: 'success',
                        duration: 2000
                    })
                }
            })
        },
        eventGetImage(event) {
            console.log(event)
            wx.hideLoading()
            const {
                tempFilePath,
                errMsg
            } = event.detail
            if (errMsg === 'canvasdrawer:ok') {
                this.setData({
                    shareImage: tempFilePath
                })
            }
        }
    })
    

    index.json里面的代码:

    {
      "navigationBarTitleText": "生成海报",
      "usingComponents": {
        //在使用页面注册组件(下面有下载地址,如果放的路径不一样,自行就修改为你的路径就行)
        "canvasdrawer": "/components/canvasdrawer/canvasdrawer" 
      }
    }
    

    组件下载地址:

    链接:https://pan.baidu.com/s/1i9zq01x58p1MdDMVmnz-_Q&shfl=sharepset 
    提取码:8hrj 
    

    二、对象结构

    1.数据对象的第一层需要三个参数: width、height、views。配置中所有的数字都是没有单位的。这就意味着 canvas 绘制的是一个比例图。具体显示的大小直接把返回的图片路径放置到 image 标签中即可。
    2.当前可以绘制3种类型的配置: image、text、rect。配置的属性基本上使用的都是 css 的驼峰名称,还是比较好理解的。

    image(图片)

    属性含义默认值可选值
    url绘制的图片地址,可以是本地图片,如:/images/1.jpeg
    top左上角距离画板顶部的距离
    left左上角距离画板左侧的距离
    width要画多宽0
    height要画多高0

    text(文本)

    属性含义默认值可选值
    content绘制文本默认为空
    color颜色black
    fontSize字体大小16
    textAlign文字对齐方式leftcenter、left、right
    lineHeight行高,只有在多行文本中才有用20
    top文本左上角距离画板顶部的距离0
    left文本左上角距离画板左侧的距离0
    breakWord是否需要换行falsetrue、false
    MaxLineNumber最大行数,只有设置 breakWord: true ,当前属性才有效,超出行数内容的显示为…2
    width和 MaxLineNumber 属性配套使用,width 就是达到换行的宽度0
    bolder是否加粗falsetrue、false
    textDecoration显示中划线、下划线效果noneunderline(下划线)、line-through(中划线)

    rect (矩形,线条)

    属性含义默认值可选值
    background背景颜色black
    top左上角距离画板顶部的距离
    left左上角距离画板左侧的距离
    width要画多宽0
    height要画多高0
    展开全文
  • 主要介绍了h5 vue引入微信sdk 实现分享朋友圈,分享给朋友,获取地理位置功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • #mcover { position: fixed;... //8000毫秒是隐藏层 })*/ 发送给朋友 分享朋友圈 查看更多详情,微信搜索swift-code. 程序员驿站——致力于为中国互联网行业和开源社区的发展贡献自己的力量与青春。

    #mcover {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 20000;

    }

    #mcover img {

    position: fixed;

    right: 18px;

    top: 5px;

    width: 260px!important;

    height: 180px!important;

    z-index: 20001;

    }

    .text {

    margin: 15px 0;

    font-size: 14px;

    word-wrap: break-word;

    color: #727272;

    }

    #mess_share {

    margin: 15px 0;

    display: block;

    }

    #share_1 {

    float: left;

    width: 49%;

    display: block;

    }

    #share_2 {

    float: right;

    width: 49%;

    display: block;

    }

    .clr {

    display: block;

    clear: both;

    height: 0;

    overflow: hidden;

    }

    .button2 {

    font-size: 16px;

    padding: 8px 0;

    border: 1px solid #adadab;

    color: #000000;

    background-color: #e8e8e8;

    background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;

    text-shadow: 0.5px 0.5px 1px #fff;

    text-align: center;

    border-radius: 3px;

    width: 100%;

    }

    #mess_share img {

    width: 22px!important;

    height: 22px!important;

    vertical-align: top;

    border: 0;

    }

    function button1(){

    $("#mcover").css("display","block") // 分享给好友按钮触动函数

    }

    function button2(){

    $("#mcover").css("display","block") // 分享给好友圈按钮触动函数

    }

    function weChat(){

    $("#mcover").css("display","none"); // 点击弹出层,弹出层消失

    }

    /*$(function(){

    setTimeout(function () {

    $("#mcover").show();}, 6000); // 6000时毫秒是弹出层

    setTimeout(function () {

    $("#mcover").hide(); }, 8000); //8000毫秒是隐藏层

    })*/

    c50554ad24dc1f32a14372412da6d63e.png

    7f6a324daf41d16c385a11d8e35b23a4.png

    发送给朋友

    0a5a46421d6f7578bb9252e81989fc35.png

    分享到朋友圈

    查看更多详情,微信搜索swift-code.  程序员驿站——致力于为中国互联网行业和开源社区的发展贡献自己的力量与青春。

    展开全文
  • java微信公众平台分享朋友圈

    千次阅读 2016-01-31 12:26:31
     首先微信其实已经自带分享朋友圈,朋友,qq空间等功能,对于开发微信专门提供了一个接口,可以根据需要修改一些配置。例如修改要分享内容的头像,链接,描述等。 开发步骤: 1.在公众平台配置js-sdk接口 ...

      其实分享的方法在微信官网有较为详细的文档说明,现就其中一些比较绕的步骤进行总结,有问题随时交流哈。

      首先微信其实已经自带分享到朋友圈,朋友,qq空间等功能,对于开发微信专门提供了一个接口,可以根据需要修改一些配置。例如修改要分享内容的头像,链接,描述等。


    开发步骤:

    1.在公众平台配置js-sdk接口

    “公众号设置”——“功能设置”——“JS接口安全域名”


    2.在要分享的页面引入js

    http://res.wx.qq.com/open/js/jweixin-1.0.0.js

    https://res.wx.qq.com/open/js/jweixin-1.0.0.js


    3.然后就是写自己的js

    包括3个部分

    1)权限验证配置

    <span style="font-size:18px;">wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '', // 必填,公众号的唯一标识
        timestamp: , // 必填,生成签名的时间戳
        nonceStr: '', // 必填,生成签名的随机串
        signature: '',// 必填,签名,见附录1
        jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    });</span>

    2)分享处理

    <pre name="code" class="javascript"><span style="font-size:18px;">wx.ready(function(){
    
    // 朋友圈
    wx.onMenuShareTimeline({
        title: '', // 分享标题
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    //朋友
    wx.onMenuShareAppMessage({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        type: '', // 分享类型,music、video或link,不填默认为link
        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    
    
    });</span>


     
    3)错误处理 
    

    <span style="font-size:18px;">wx.error(function(res){
    
        // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
    
    });</span>

    2)3)直接写自己的参数即可,至于1) 的参数,可通过下面的类来获取。

    <span style="font-size:18px;">import java.util.UUID;
    import java.util.Map;
    import java.util.HashMap;
    import java.util.Formatter;
    import java.security.MessageDigest;
    import java.security.NoSuchAlgorithmException;
    import java.io.UnsupportedEncodingException;  
    
    class Sign {
        public static void main(String[] args) {
            String jsapi_ticket = "jsapi_ticket";
    
            // 注意 URL 一定要动态获取,不能 hardcode
            String url = "http://example.com";
            Map<String, String> ret = sign(jsapi_ticket, url);
            for (Map.Entry entry : ret.entrySet()) {
                System.out.println(entry.getKey() + ", " + entry.getValue());
            }
        };
    
        public static Map<String, String> sign(String jsapi_ticket, String url) {
            Map<String, String> ret = new HashMap<String, String>();
            String nonce_str = create_nonce_str();
            String timestamp = create_timestamp();
            String string1;
            String signature = "";
    
            //注意这里参数名必须全部小写,且必须有序
            string1 = "jsapi_ticket=" + jsapi_ticket +
                      "&noncestr=" + nonce_str +
                      "×tamp=" + timestamp +
                      "&url=" + url;
            System.out.println(string1);
    
            try
            {
                MessageDigest crypt = MessageDigest.getInstance("SHA-1");
                crypt.reset();
                crypt.update(string1.getBytes("UTF-8"));
                signature = byteToHex(crypt.digest());
            }
            catch (NoSuchAlgorithmException e)
            {
                e.printStackTrace();
            }
            catch (UnsupportedEncodingException e)
            {
                e.printStackTrace();
            }
    
            ret.put("url", url);
            ret.put("jsapi_ticket", jsapi_ticket);
            ret.put("nonceStr", nonce_str);
            ret.put("timestamp", timestamp);
            ret.put("signature", signature);
    
            return ret;
        }
    
        private static String byteToHex(final byte[] hash) {
            Formatter formatter = new Formatter();
            for (byte b : hash)
            {
                formatter.format("%02x", b);
            }
            String result = formatter.toString();
            formatter.close();
            return result;
        }
    
        private static String create_nonce_str() {
            return UUID.randomUUID().toString();
        }
    
        private static String create_timestamp() {
            return Long.toString(System.currentTimeMillis() / 1000);
        }
    }
    </span>
    上述类中动态获取URL的方法:

    String url = request.getRequestURL().toString();
    String param = request.getQueryString();
    url = url + "?" + param;




    展开全文
  • 在最近项目测试中,今天发现以前一直正常使用的分享图片到微信朋友圈的功能突然用不了了,点击分享朋友圈时,提示“获取资源失败,无法分享朋友圈”,测试手机微信是最近一两天刚更新到了微信7.0,以前该功能...

            在最近项目测试中,今天发现以前一直正常使用的分享图片到微信朋友圈的功能突然用不了了,点击分享到朋友圈时,提示“获取资源失败,无法分享到朋友圈”,测试手机微信是最近一两天刚更新到了微信7.0,以前该功能接口一直使用正常,为了验证这一点,卸载最新版微信,安装回上一微信版本6.7.3,发现图片分享到朋友圈功能接口正常,很明显,微信7.0大版本发布,图片分享到朋友圈的规则也发生了变化,如下是项目中一直以来处理图片分享(多图片)到朋友圈的主要代码(在已安装微信的前提下):

    /**
         * 分享图片到微信朋友圈
         * @param bmp 分享的图片的Bitmap对象
         * @param content 分享内容
         */
        public void shareImageToWechat(Bitmap bmp, String content) {
            File file = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).getAbsoluteFile();
            String fileName = "share";
            File appDir = new File(file, fileName);
            if (!appDir.exists()) {
                appDir.mkdirs();
            }
            fileName = System.currentTimeMillis() + ".jpg";
            File currentFile = new File(appDir, fileName);
            FileOutputStream fos = null;
            try {
                fos = new FileOutputStream(currentFile);
                bmp.compress(Bitmap.CompressFormat.JPEG, 100, fos);
                fos.flush();
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                try {
                    if (fos != null) {
                        fos.close();
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            ArrayList<Uri> uris = new ArrayList<>();
            Uri uri = null;
            try {
                ApplicationInfo applicationInfo = mContext.getApplicationInfo();
                int targetSDK = applicationInfo.targetSdkVersion;
                if (targetSDK >= Build.VERSION_CODES.N && Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
                    uri = Uri.parse(android.provider.MediaStore.Images.Media.insertImage(mContext.getContentResolver(), currentFile.getAbsolutePath(), fileName, null));
                } else {
                    uri = Uri.fromFile(new File(currentFile.getPath()));
                }
                uris.add(uri);
            } catch (Exception ex) {
    
            }
            Intent intent = new Intent();
            intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
            ComponentName comp = new ComponentName(PACKAGE_NAME_WEI_XIN, "com.tencent.mm.ui.tools.ShareToTimeLineUI");
            intent.setComponent(comp);
            intent.setType("image/*");
            intent.putExtra("Kdescription", content);
            intent.setAction(Intent.ACTION_SEND_MULTIPLE);
            intent.putParcelableArrayListExtra(Intent.EXTRA_STREAM, uris);
            mContext.startActivity(intent);
        }

      排查--系统分享接口正常

           在对比使用了系统自带的图片分享到朋友圈功能发现,发现只分享一张图片时,使用系统自带的图片分享到朋友圈的功能在微信7.0也是正常的,通过adb实时查看当前正在运行的Activity,项目中启动朋友圈图片分享Activity的Intent信息:

    系统启动朋友圈图片分享的Intent信息:

           可以发现,Intent的act以及flag信息有很大的区别,由于flags标志位涉及到较多的标志位组合,暂不排查,重点放在action字段上,对于微信朋友圈的图片分享,这两个action的含义如下:

           android.intent.action.SEND_MULTIPLE:支持多张图片分享

           android.intent.action.SEND:支持单张图片分享

           进一步排查,不禁想,系统的分享支持多图片分享到朋友圈吗?

           在系统相册上,只选择一张图片时,点击分享按钮,可以看到“发送到朋友圈”这个选项,按前面说的,图片也是可以正常分享的:

           当选择两张及以上张数量的图片时,点击分享按钮,“发送到朋友圈”这个选项已经没有了,只有“发送给朋友”以及“添加到微信收藏”这两个微信相关的分享接口:

           当自己把手机上的微信7.0版本卸载,重新装回微信6.7.3版本时,选择两张及以上张数量的图片,点击分享按钮,发现“发送到朋友圈”这个功能出现在了分享选择列表上!!!!!

           从系统分享接口这一行为变化上,可以看出,个人猜测,对于使用原生Intent的方式,微信7.0版本进一步收紧了多图片分享到朋友圈的功能,对于图片分享,在微信7.0上只支持单图片分享。

    在项目中降级解决

           从上面分析可知,对于使用原生Intent的方式微信7.0版本不支持使用多图片分享到朋友圈,针对这种情况,对于微信7.0版本,做降级处理:在微信7.0版本(及以上版本)降级使用单图片处理分享,以下兼容处理后的主要代码:

       /**
         * 微信7.0版本号,兼容处理微信7.0版本分享到朋友圈不支持多图片的问题
         */
        private static final int VERSION_CODE_FOR_WEI_XIN_VER7 = 1380;
       /**
         * 微信包名
         */
        public static final String PACKAGE_NAME_WEI_XIN = "com.tencent.mm";
    
       /**
         * 分享图片到微信朋友圈
         * @param bmp 分享的图片的Bitmap对象
         * @param content 分享内容
         */
        public void shareImageToWechat(Bitmap bmp, String content) {
            File file = Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).getAbsoluteFile();
            String fileName = "share";
            File appDir = new File(file, fileName);
            if (!appDir.exists()) {
                appDir.mkdirs();
            }
            fileName = System.currentTimeMillis() + ".jpg";
            File currentFile = new File(appDir, fileName);
            FileOutputStream fos = null;
            try {
                fos = new FileOutputStream(currentFile);
                bmp.compress(Bitmap.CompressFormat.JPEG, 100, fos);
                fos.flush();
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                try {
                    if (fos != null) {
                        fos.close();
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            ArrayList<Uri> uris = new ArrayList<>();
            Uri uri = null;
            try {
                ApplicationInfo applicationInfo = mContext.getApplicationInfo();
                int targetSDK = applicationInfo.targetSdkVersion;
                if (targetSDK >= Build.VERSION_CODES.N && Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
                    uri = Uri.parse(android.provider.MediaStore.Images.Media.insertImage(mContext.getContentResolver(), currentFile.getAbsolutePath(), fileName, null));
                } else {
                    uri = Uri.fromFile(new File(currentFile.getPath()));
                }
                uris.add(uri);
            } catch (Exception ex) {
    
            }
            Intent intent = new Intent();
            intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION | Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
            ComponentName comp = new ComponentName(PACKAGE_NAME_WEI_XIN, "com.tencent.mm.ui.tools.ShareToTimeLineUI");
            intent.setComponent(comp);
            intent.setType("image/*");
            intent.putExtra("Kdescription", content);
            if (VersionUtil.getVersionCode(mContext,PACKAGE_NAME_WEI_XIN) < VERSION_CODE_FOR_WEI_XIN_VER7) {
                // 微信7.0以下版本
                intent.setAction(Intent.ACTION_SEND_MULTIPLE);
                intent.putParcelableArrayListExtra(Intent.EXTRA_STREAM, uris);
            } else {
                // 微信7.0及以上版本
                intent.setAction(Intent.ACTION_SEND);
                intent.putExtra(Intent.EXTRA_STREAM, uri);
            }
            mContext.startActivity(intent);
        }
    
    
    
    
    public class VersionUtil {
    
      
        /**
         * 获取制定包名应用的版本的versionCode
         * @param context
         * @param
         * @return
         */
        public static int getVersionCode(Context context,String packageName) {
            try {
                PackageManager manager = context.getPackageManager();
                PackageInfo info = manager.getPackageInfo(packageName, 0);
                int version = info.versionCode;
                return version;
            } catch (Exception e) {
                e.printStackTrace();
                return 0;
            }
        }
    
    }
    

            处理后,在微信7.0版本上,项目中单图片可以正常分享到朋友圈了,同时也保留了微信7.0以下版本的多图片处理功能,但由于是单图片分享,进入到微信朋友圈图片分享编辑界面后,在微信7.0以及版本上后面添加图片“+”消失了。

           以上是我个人的见解和处理,希望能帮到大家,有不足的地方或有更好方案的朋友可以提出来,一起学习。

    展开全文
  • 小程序如果做到带参数分享朋友圈,页面上有几个自定义参数,分享朋友圈之后,希望客户打开之后也能带这个参数 我在onload里面设置了 <code> wx.showShareMenu({ withShareTicket: true, ...
  • php分享朋友圈的代码

    千次阅读 2017-09-19 14:41:23
    //分享朋友 wx.onMenuShareAppMessage({ title: '你的分享标题', // 分享标题 desc: '你的分享描述', // 分享描述 link: "你的链接?pid=$userone['id']?>", // 分享链接 imgUrl: '图片地址', // 分享图标 ...
  • 微信小程序可以实现快速的转发好友实现分享,但是不能直接分享朋友圈,但是有需要要这么做,要怎么实现呢? 查看文档之后,大概有了实现思路 1.使用微信小程序的wx.createCanvasContext()方法,绘制图片; 2....
  • 1、如何小程序分享页面的二维码?通过后台接口可以获取小程序任意页面的二维码,具体可以参考https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html可以选择你所需要的小程序码,给到后台相应的参数...
  • vue实现微信分享朋友圈和朋友功能

    千次阅读 2019-09-23 09:31:00
    vue分享到微信朋友圈和微信好友
  • 小程序webview 转发 分享朋友圈

    千次阅读 2019-01-19 12:01:00
    转战小程序 webview H5页面 的转发分享朋友圈功能 先说 小程序分享朋友圈的 功能实现 在小程序内部做分享,尚且需要用画布画出带有二维码的图片,在H5页面上更不用说了,根本就碰不着小程序的自己的api。老老...
  • 20180811写在前面的话 有很多人遇到问题之后问我,结果大多数是因为配置问题,所以请详细阅读前面的配置步骤。 20181016注意事项 ...id=mp1421141115中的分享接口,需要修改接口名称和参数列表...
  • 最近产品部出了一个需求,要做一个分享的功能、在客户端微信上面打开弹出一个h5的分享弹窗,点击可以分享到微信朋友及朋友圈分享出去一张图片,如下图: 当时就想到,一般不都是微信中右上角有个三个点,点击可以...
  • /**分享朋友圈 start */ onShareTimeline(e) { let title = '' let imageUrl = '' let query='id='+id+'&code='12312'; return { title: title, imageUrl: imageUrl, query: query } }, ...
  • 1、true分享好友,false分享朋友圈 class ShareActivity : AppCompatActivity() { private val imageUris: ArrayList<Uri> = ArrayList() override fun onCreate(savedInstanceState: Bundle?) { ...
  • 微信分享朋友圈,分享给朋友jssdk

    千次阅读 2019-04-12 11:05:14
    微信页面分享功能jssdk 1,首先要有一个认证了的企业公众号,订阅号或是服务号 2,绑定JS接口安全域名 3,引入微信提供的js 文件 <script type="text/javascript" src="./js/jquery.min.js" ></script&...
  • h5 微信分享朋友朋友圈

    千次阅读 2018-04-06 17:57:07
    转自:https://www.cnblogs.com/liangzia/p/7569443.htmlh5 微信分享朋友朋友圈生成JS-SDK权限验证签名实现发送给朋友和分享到朋友圈时内容参数自定义 一、微信JS-SDK1. 获得Access Tokenaccess token的获得方法...
  • 第一步: 登录微信公众平台,在公众号设置下的功能设置中配置JS接口安全域名。 JS接口安全域名中配置的地址与下方代码中process.env.VUE_APP_FRONT_...第三步:在分享页面中对分享内容进行配置 async mounted() { a
  • JAVA公众号分享朋友圈大概步骤第一步:绑定域名第二步:引入JS文件步骤三:通过config接口注入权限验证配置 写自己的页面的代码第四步、写后台的代码 --- 也就是代码中的这个方法(url : "/wx/getWxConfig")。...
  • 微信转发或分享朋友圈带缩略图、标题和描述的实现方法 微信转发或分享朋友圈带缩略图、标题和描述的实现方法
  • 无奈现在小程序没有开放分享到朋友圈的功能,只能通过canvas生成海报,保存到手机中分享朋友圈。 说说我遇到的两个坑吧。   这是最终实现的效果图。 1 通过drawImage画图片,如果是网络图片,需要先缓存到本地...
  • java基础教程之实现一键分享朋友圈

    千次阅读 2019-05-15 11:50:26
    java最新技术,实现一键分享朋友圈,下面给大家演示一下 作为十余年java老司机,根据多年经验,自己录制的学习视频,我往对你们有所帮助, 有技术问题或者面试方面交流的可以加我微信renlliang2013,随时欢迎。 ...
  • JSSDK,微信JS接口,分享朋友圈狀態捕獲,項目實例
  • 首先说明一点,小程序内是不能直接分享朋友圈的。所以只能通过生成图片,携带小程序二维码,保存到手机相册,让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持...
  • uniapp微信公众号朋友圈分享失败config:fail,Error: 系统错误,错误码:63002,invalid signature vue微信公众号朋友圈分享失败config:fail,Error: 系统错误,错误码:63002,invalid signature 1.调试注意的地方,...
  • 微博,微信,微信朋友圈,QQ分享工具类ShareUtil
  • // 注意 URL 一定要动态获取,不能 hardcode. $url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $timestamp = time(); $nonceStr = $this->createNonceStr(); // 这里参数的顺序要按照 key 值 ...
  • 小程序如何生成海报分享朋友圈

    千次阅读 2019-05-09 09:52:12
    原文:小程序如何生成海报分享朋友圈 作者:小白 Fundebug经授权转载,版权归原作者所有。 项目需求写完有一段时间了,但是还是想回过来总结一下,一是对项目的回顾优化等,二是对坑的地方做个记录,避免以后遇到...
  • 微信分享朋友圈php+html代码 全部下载:http://www.blowsea.com/yuanma.html php部分 tickit.php 需要自行填写: $AppId=“你的公众号id”;//填写你的公众号ID $AppSecret=“你的公众号秘钥”;//填写你的公众秘钥; &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,389
精华内容 3,355
关键字:

code分享朋友圈