精华内容
下载资源
问答
  • 由于最近需要做一个线上活动,所以策划了一个微信二维码海报的用户裂变方案。做好了需求以后交给我们可爱的程序媛妹妹。三天过后去问她,她的表情是这样的她是不是在说,“啊啊,真是不好意思”然后给了我一个我竟...

    由于最近需要做一个线上活动,所以策划了一个微信二维码海报的用户裂变方案。做好了需求以后交给我们可爱的程序媛妹妹。三天过后去问她,她的表情是这样的

    她是不是在说,“啊啊,真是不好意思”

    然后给了我一个我竟无言以对的解释这个是很常见的功能,肯定有轮子的,这几天我也一直在找,找到了一些,都不太好用,本着不重复造轮子的精神,我几天下午一定搞定,实在搞不定我就自己造一个。

    不重复造轮子,但是我要的轮子却没有啊。不知道她给我解释的时候 @vczh 轮子哥是不是耳朵有红。

    最近的确项目任务比较重,我们的程序媛妹妹也常常加班加点,心痛她几秒。

    我心痛她,客官老爷不会心痛我啊 ,上线日期将近,只有自己动手。

    三下五除二的我那原始的程序技能就又爆发出来了.总算是在关键时候顶上来了,活动按时上线了。

    原理很简单。

    整个海报可变的参数是:① 用户头像;②用户昵称;③用户推广二维码

    海报的主体宣传图文信息作为背景图,将根据不同用户得到的用户信息与背景图叠加就生成了一张符合要求的海报

    根据不同的活动主题设计不同的海报背景图,就可以得到不同的海报。

    对就是这么简单粗暴

    示例海报背景图:

    只要根据不同用户的信息填空一样的把这些用户信息填在下图画圈圈的位置,就生成了一张符合要求的推广海报了。

    如果你有多种不同风格的海报设计需求,那么你就设计不同的海报底稿就oK了

    原理就是这样,然后也就简单粗暴的实现了这样的一个功能。做了一点小工作,做了一个粗糙的轮子。

    为了让和我们家小媛是一样的客官老爷既能秉着不重复造轮子的精神又能优雅的完成任务。为了避免广大同行们不要再在这个事上浪费3天时间,我决定把这个粗糙的轮子放出来。毕竟微信还如日中天,还有好多人在用这样的裂变套路。

    如果只放一个实现在git上那一定不能满足广大客官的需求,一不做二不休,部署了一个服务,你们直接调接口吧。

    请求方法:POST

    请求参数格式:

    {

    'userName': '武妝妝',

    'userAvatar': 'http://static.dryeam.com/testIcon.jpg',

    'qrImg': 'http://static.dryeam.com/qrimg.jpg',

    'backGroundImg': 'http://static.dryeam.com/20170815112219.jpg',

    'textColor': {'B': 45, 'R': 123, 'G': 9}

    }

    这样,关于微信生成推广海报的功能的轮子就有了。

    再有这样的需求的话,你只需要叫你的设计师,做一个720*1280的背景海报就OK了(不要问我为什么是720*1280,因为我做的时候背景海报就是这么大,我也打算以后都用这个规格,你要其他规格?你要可以自适应规格?那么请上git,自己造)

    来看看我生成的美美的海报

    对,二维码是公号,但不常更。一般更新一些自己的见闻和周围朋友的故事。如果不厌烦偶尔看到一些不知道有没有营养的陌生人的故事,可以关注一下

    展开全文
  • 微信二维码海报推广示例

    千次阅读 2017-04-13 10:43:47
    为了统计通过扫推广海报进行关注的粉丝数

    这俩天根据客户 需求  微信商城 能生成自己的二维码 并且 需先关注公众号,扫码的用户显示出自己的上级

    研究两天,发现微信二维码接口能实现这个功能 !
    思路:1.生成微信永久二位码 具体看微信公众文档
        http://mp.weixin.qq.com/wiki/18/167e7d94df85d8389df6c94a7a8f78ba.html
          2.获取生成的二维码 创建缩略图  


        3.将二维码缩略图 放到海报上面(微信小头像 也是这个思路)


        4.将生成好图片 上传到微信素材 具体见微信文档


          http://mp.weixin.qq.com/wiki/15/2d353966323806a202cd2deaafe8e557.html


        5将返回的media_id 通过Xml发送给用户
    这样一个生成海报的的示例完成了 下面为部分代码


    /* 
        @$poster_path  海报路径
        @$openid       当前用户openid
        @$qrcode_path  生成的目录
       */
      public function  Create_img($poster_path,$qrcode_path="./qrcode_temp/",$openid){
        if($openid){
            $this->Check_dir($poster_path);
            $qrcode=@file_get_contents($qrcode_path.$openid.".jpg");
            if(!$qrcode){
                $url = "https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token=".$this->getAccessToken();
                $data = [
                    'action_name' => 'QR_LIMIT_STR_SCENE',
                    'action_info' => [
                        'scene' => ['scene_str' => 'invite_'.$openid],
                    ],
                ];
                //通过curl post请求
                $result = $this->curlPost($url,json_encode($data));
                $url = 'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($result->ticket);
                $ch = curl_init();
                curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'GET');
                curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
                curl_setopt($ch, CURLOPT_URL, $url);
                ob_start();
                curl_exec($ch);
                $qr_content = ob_get_contents();
                header('Content-type: image/jpg');
                ob_end_clean();
               //缩放二维码大小为需要的大小,并将二维码加入到海报中
                $thumb = imagecreatetruecolor(200, 200);
                
                //获取源文件资源句柄。接收参数为图片流,返回句柄
                $source = imagecreatefromstring($qr_content);
                //将源文件剪切全部域并缩小放到目标图片上,前两个为资源句柄
                imagecopyresampled($thumb, $source, 0, 0, 0, 0, 200, 200, 430, 430);
                //创建图片的实例,接收参数为图片
                $dst_qr = @imagecreatefromstring(file_get_contents($poster_path));
                //加水印
                imagecopy($dst_qr,$thumb, 320, 50, 0, 0, 200, 200);
                //销毁
                imagedestroy($thumb);
                    
                ob_start();//启用输出缓存,暂时将要输出的内容缓存起来
                imagejpeg($dst_qr,$qrcode_path.$openid.".jpg",90);//输出
                $poster = ob_get_contents();//获取刚才获取的缓存
                ob_end_clean();//清空缓存
                imagedestroy($dst_qr);
                $post_data['media'] = '@'.$qrcode_path.$openid.".jpg";
                 $result=$this->uploadMedia($this->getAccessToken(),"image",$post_data);
                if($result) {
                   $media_id=$result->media_id;
                }
            }else{
                $post_data['media'] = '@'.$qrcode_path.$openid.".jpg";
                $result=$this->uploadMedia($this->getAccessToken(),"image",$post_data);
                if($result) {
                   $media_id=$result->media_id;
                }
            }
            return  $media_id;
        }
      }
    //上传到微信临时素材方法
      public function uploadMedia($accessToken,$type='image',$mediaArr){
       $url="http://api.weixin.qq.com/cgi-bin/media/upload?access_token=".$accessToken."&type=".$type;
       $doPost=$this->curlPost($url,$mediaArr);
       return $doPost;
      }
    //注意php5.5 curl上传需 new \CURLFile类



    展开全文
  • 近来有许多商家反映想生成一张带有自己专属二维码海报,像地铁车厢里经常有看到明星海报上有带二维码来吸引粉比关注公众号的这种方式,今天我就告诉大家其实很简单。首先你需要在微信公众平台申请一个服务号并且...

    近来有许多商家反映想生成一张带有自己专属二维码的海报,像地铁车厢里经常有看到明星海报上有带二维码来吸引粉比关注公众号的这种方式,今天我就告诉大家其实很简单。

    首先你需要在微信公众平台申请一个服务号并且认证通过。

    然后你需要借助微信第三方平台----微号帮!

    功能细节描述:1、本功能建议已认证的服务号使用,需要将全部接口授权给微号帮;

    未认证的公众号,呢称、头像、二维码均不能生成;

    已认证的订阅号,呢称、头像可以生成,但二维码不能生成;

    已认证的服务号,呢称、头像、二维码均可以生成;

    2、使用本功能前需要设计一张小于200KB,700*1300象素规格的海报主背景图片(预留粉丝呢称、头像、二维码的位置);

    3、在微号帮上设置粉丝呢称、头像及二维码在海报背景图片中的具体位置、大小、字体、颜色、加框等相关的参数;

    4、粉丝在海报中生成的二维码是临时的专属二维码,有效期为30天,通过二维码关注的粉丝可以自动打标签及分组;

    5、可以统计每个粉丝分享海报所关注的粉丝及粉丝明细;

    6、数据报表,可统计每天生成海报数、每天新增海报推广员数(关注数、取消数)、通过海报二维码关注的粉丝数(关注量、取消量);

    操作指引如下:

    第一 步:注册绑定你的公众号,然后添加授权,将所有接口都授权过来(这里特意讲一下一个公众号可以授权给六家第三方平台,其中服务器一家,扫码授权五家,且扫码授权不会影响公众号任何的功能,但服务器授权的话会影响你公众号后台的功能,所以你们授权前需要了解对方的平台是扫码授权还是服务器授权,今天我讲的微号帮授权是扫码授权,大家可以放心使用!)如图所示:

    2018061313561340.png

    第二步:授权成功后,进入“{管理中心”,点击“功能管理”,进入到“生成海报二维码”界面,然后点击“生成海报设置”,输入触发关键词如"海报",将你准备好的海报按照上述要求上传,然后根据实际需要设置好字体大小颜色等,保存成功;

    如图所示:

    2018061313573196.png

    第三步:打开微信公众号,输入“海报”二字,即可弹出一张带有自己呢称,图像的二属二维码海报;如图所示:

    2018061313581294.png

    第四步:可通过高级设置来确定一个推广员吸了多少粉丝关注 ,在触发关键词里输入“海报推广员”,然后在微信公众号里输入“海报推广员”就可弹出一张海报推广员列表,点开可查看粉丝明细。如图所示:

    2018061313583910.png

    明细查看如图所示:

    2018061313594176.png

    操作四步就搞定啦,还有什么不明白的可咨询本站客服,谢谢!

    展开全文
  • 文章目录前言一、描述二、逻辑代码三、获取二维码...海报制作的所有博客和一些问题: 文字换行算法详解,传送门: 头像切割成圆形方法详解,传送门: 获取微信二维码详情,传送门: java BufferedImage 转 InputStrea

    前言

    1. 文字换行算法详解,传送门:java制作海报一:java使用Graphics2D 在图片上写字,文字换行算法详解
    2. 头像切割成圆形方法详解,传送门:java制作海报二:java使用Graphics2D 在图片上合成另一个照片,并将照片切割成头像,头像切割成圆形方法详解
    3. 获取微信二维码详情,传送门:java制作海报三:获取微信二维码详情,并改变大小,合成到海报(另一张图片)上
    4. java BufferedImage 转 InputStreampng 图片合成到模板(另一个图片)上时,透明部分变成了黑色,传送门:java制作海报四:java BufferedImage 转 InputStream 上传至OSS。png 图片合成到模板(另一个图片)上时,透明部分变成了黑色
    5. java 整合echarts 画出 折线图,传送门:
    6. Graphics2D的RenderingHints方法参数详解,包括解决文字不清晰,抗锯齿问题,传送门:java制作海报六:Graphics2D的RenderingHints方法参数详解,包括解决文字不清晰,抗锯齿问题
    7. 项目部署到linux下中文不显示,echarts图上的中文也不显示问题,传送门:java制作海报七:java Graphics2D 合成图片 在 linux下中文不显示,echarts图上的中文也不显示问题
    • 本次博客主要是 稍微说一下获取微信二维码详情,这里的代码都在 Main_CreatePosterAndEchart.java

    一、描述

    这里需要获取微信小程序二维码,放到海报的左下角,其实获取二维码的过程,看微信开发文档即可。

    微信开发文档-获取微信二维码

    二、逻辑代码

    // 画 二维码 并改变大小
    // 1. 先 获取二维码(二维码携带一个参数)
    InputStream erWeiMa = getErWeiMa(1);
    // 2. 初始化并的改变大小
    BufferedImage logoImg = PosterUtil.drawInitAndChangeSize(null, erWeiMa, 130, 130);
    // 将二维码保存到本地
    PosterUtil.save(logoImg, "png", "d:\\test.png");
    // 3. 画二维码
    PosterUtil.drawImage(bufferedImage, logoImg, 532, 1108);
    

    三、获取二维码代码

    id 是放到二维码里的参数。返回 输入流。

        /**
         * @return java.io.InputStream
         * @Author fengfanli
         * @Description //TODO 从微信平台 获取小程序二维码
         * @Date 16:53 2021/4/1
         * @Param []
         **/
        public static InputStream getErWeiMa(Integer id) {
            // 获取二维码:1、先获取access_token 2、在获取 二维码
            String appId = PropertiesFileUtil.getInstance("app").get("wx.app.ip");
            String appSecret = PropertiesFileUtil.getInstance("app").get("wx.app.secret");
            System.out.println("appId==" + appId + ";appSecret==" + appSecret);
            // 获取 access_token
            String getUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + appId + "&secret=" + appSecret;
            System.out.println("getUrl==" + getUrl);
            String str = HttpUtil.sendGet(getUrl);
            JSONObject json = (JSONObject) JSONObject.parse(str);
            String access_token = (String) json.get("access_token");
            System.out.println("access_token:" + access_token);
            // 获取 二维码图片流
            String postURL = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + access_token;
            System.out.println("postURL==" + postURL);
            JSONObject jsonObject = new JSONObject();
            // 这里往二维码里放入前端传过来的 id,前端获取之后,根据id 去获取详情
            jsonObject.put("scene", id);
            String scene = JSONObject.toJSONString(jsonObject);
            InputStream inputStream = null;
            inputStream = HttpUtil.sendPostForErWeiMa(postURL, scene);
            return inputStream;
        }
    

    四、将二维码画(合成)到模板上

    1. 描述

    这个方法在PosterUtil上
    先初始化,在改变大小,

    2. 初始化代码和改变大小 代码

        /**
         * @return java.awt.image.BufferedImage
         * @Author fengfanli
         * @Description //TODO 初始化模板并改变宽度和高度
         * @Date 9:56 2021/3/30
         * @Param [path, width, height]
         **/
        public static BufferedImage drawInitAndChangeSize(String path, InputStream inputStream, int width, int height) throws Exception {
            BufferedImage canvas = null;
            if (path != null) {
                URL url = new URL(path);
                canvas = ImageIO.read(url);
            }
            if (inputStream != null) {
                canvas = ImageIO.read(inputStream);
            }
            canvas = changeSize(canvas, width, height);
            return canvas;
        }
    
    
        /**
         * @return java.awt.image.BufferedImage
         * @Author fengfanli
         * @Description // TODO 改变宽度和高度:先画一个空白的图,再将需要改变大小的图 画上去,再限制大小
         * @Date 9:56 2021/3/30
         * @Param [originalImage, width, height]
         **/
        public static BufferedImage changeSize(BufferedImage originalImage, int width, int height) {
            // 抗锯齿
            BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  // originalImage.getType() 改为 BufferedImage.TYPE_INT_RGB
            Graphics2D g2d = image.createGraphics();
            image = g2d.getDeviceConfiguration().createCompatibleImage(width, height, Transparency.OPAQUE);
            g2d = image.createGraphics();
            g2d.drawImage(originalImage, 0, 0, width, height, null);
            g2d.dispose();
            return image;
        }
    

    3. 合成图 代码

        /**
         * @return java.awt.image.BufferedImage
         * @Author fengfanli
         * @Description //TODO 在背景模板上放置 image
         * @Date 9:57 2021/3/30
         * @Param [canvas, logo, logoX, logoY]
         **/
        public static void drawImage(BufferedImage canvas, BufferedImage logo, int logoX, int logoY) {
            Graphics2D g2d = canvas.createGraphics();
            //g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, 1));
            g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2d.drawImage(logo, logoX, logoY, null);
            g2d.dispose();
        }
    
    展开全文
  • 第三步:编辑海报 1、海报名称:“中秋佳节” 2、翻页动画:可以设置为上下滑动、左右滑动、上下平移、上下分屏 3、音乐:可以使用库中的,可以自己上载 4、上传图片 5、编辑文字:通过内容设置或点点客...
  • 最近公司的微信小程序项目由于业务需求需要实现二维码推广海报,而小程序的服务端代码是用node.js实现的,由于是第一次使用node.js作为服务端来实现图片的相关处理,不免走了一些坑。所以为了避免大家也像我一样花费...
  • 微信群在引流时经常会受到7天有效期和200人入群限制,因为这类二维码通常是一个静态的二维码,如果想要让微信二维码长久有效的话,那么就需要做一个与之相反的二维码,我们称为“动态二维码”,也就是“活码”。...
  • php实现微信推广海报代码示例

    千次阅读 2017-06-30 10:45:31
    摘要: 主要是为了统计通过扫推广海报进行关注的粉丝数 流程:  1、推广人输入“领取任务”关键字  2、服务端发送推广海报(内容:带推广人参数的二维码、推广人头像) ... 4、粉丝通过扫海报二维码进行关注
  • 代码演示: header("content-type: image/png");//如果要看报什么错,可以先注释调这个header $nickname = "昵称";...//二维码 $logourl = "image/0.png";//微信头像 $beijing = "image/1.pn
  • 带参二维码海报二维码微信扫码后回复48小时信息推送在微号帮平台上整合实现:微信生成带参数的二维码,合成海报,扫码后推送小程序具体操作步骤详解》》》 1、渠道二维码生成 渠道二维码界面,选择+创建渠道二维码 2...
  • 公众号快速涨粉,增加粉丝裂变海报,由公众号开发接口生成带参数的二维码演变而来,懂代码编程的朋友直接通过接口逻辑实现,也可以直接用微号帮平台生成海报二维码,实现粉丝裂变,粉丝自动生成海报分享,粉丝自动打...
  • 生成海报分享至</text> <view class='imgBox'> <button open-type="share" class='zfbtn'><image src="{{wechat}}" class='img'></image></button> <button class='zfbtn...
  • 微信小程序的画布我踩了很多的坑,很多教程都是说一半不说一半,网上关于的海报的demo都是本地图片.所以不会有什么问题,后来自己实现了,需要实现这个功能实在太繁琐,所以写一篇教程,供参考 效果展示 功能如下 点击...
  • 微信小程序生成分享海报(附带二维码生成) 包含了获取网络图片转换为本地文件和前端生成二维码,和保存图片到用户相册用于分享
  • 使用场景很多,例如绘制在海报上,例如制作票务码、核销码等等。 这篇文章是应一位好友的需求而写的,也希望能够给有需要的同学一些帮助。 二、实现原理 使用微信小程序的canvas组件进行绘制,但是在该组件用起来并...
  • 实现原理: 利用微信小程序canvas API把文字和图片进行合成,用wx.canvasToTempFilePath()返回图片地址再保存至相册。
  • 需求:海报文本自定义,内容动态加载, 二维码根据接口数据拼接网址,生成二维码,生成海报图片保存到本地相册。 实现步骤: 一、引入插件(qrcodejs2,html2canvas ) npm install qrcodejs2 --save npm install ...
  • 微信公众号引导关注海报自动生成裂变海报发送关键词自动生成海报微信服务号特有功能渠道二维码,微号帮平台制作成为海报二维码功能,数据统计报表,消息提醒设置;通过某个粉丝生成海报二维码,别人通过这个海报...
  • 但是不能发朋友圈,若是想发到朋友圈,采取的办法是一件生成海报,这样就产生了一个需求了,那就是小程序生成二维码海报的要求。如果是自己写的话,那肯定是要花费一番精力,这个时候要是有一款开源组件直接用那就...
  • 微信公众号获取临时二维码

    千次阅读 2018-11-16 14:41:41
    我们做微信公众号开发时为了推广,可能需要服务端去生成公众号的临时二维码,然后再进行一定的图片合成操作,制作一张漂亮的推广海报。别人扫一下二维码进入关注公众号界面,点击关注我们可以拿到二维码里面的信息...
  • C# 微信海报

    2016-10-28 17:49:00
    最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你... 最近微信开发依然是那么火,有人请我开发一个微信海报,拿到需求后,我瞬间笑了,这不就是两年前我学习微信的时候自己做的一个案例吗?能...
  • java 微信海报的实现

    千次阅读 2019-09-20 11:05:43
    见效果: 1. 左上角添加头像,带白边 2. 右下角添加二维码 3. 二维码下添加文字 可实现图片圆角处理,设置图片的宽度,描边== ... * 生成合成图片,以流方式返回给前端显示,用于配置生成海报场景 * 可以...
  • 注意:昵称,头像,二维码海报底图背景都可以从接口获取动态绘制, 接口获取的图片src必须是https(开发版本可以用http),然后需要用wx.downLoad下载,然后使用临时地址来生成海报,否则会报错。 wx.downLoad({ ...
  • 前言 最近公司在做一个面向餐饮的微信小程序,公司希望在小程序中嵌入关注公众号的功能,一开始是采用官方提供的official-account,配置...最后我们选择了使用canvas制作分享海报的方式。 「注意:因为小程序基础版本
  • 我们的日常工作中少不了文件传输,不得不花上大量时间在QQ、微信、邮箱等社交通讯上来回切换,找文件、发文件、发文件、找文件… 为了使传输文件更加高效,或许有人会想到用百度网盘分享文件给顾客。但有些客户居然...
  • 生成海报后,点击保存到相册,会调起请求权限,是否同学调用我们的相册,允许之后,这张海报就会自动存入我们的相册 具体实现: <view class='canvas-box' v-show='visible'> <canvas id='canvas' class='...
  • // 二维码可辨识度 callback: (res) => { console.log(res.path) // 接下来就可以直接调用微信小程序的api保存到本地或者将这张二维码直接画在海报上面去,看各自需求 //也可以用 } }) colorDark: "#000000", ...
  • 海报背景图(建议放在不要放在本地)、 ②头像(需要授权)、 ③带参二维码、 ④需要自定义展示的文字、小的icon图片 2、工具类,及方法 ①兼容屏幕大小的rpx转px的方法(手机屏幕有差异,canvas用的是px为单位) ...
  • 我目前参与小程序的产品研发,为了方便产品的转发和推广,会对课提供生成海报转发或者分享的功能,前期海报合成这个功能是由项目组的老同事负责开发,后来小程序海报这块功能需要单独做一个功能用于专门根据不同的...
  • 海报的内容由背景图、日期、随机的名言警句、活动的二维码及用户的参加活动的信息 海报保存的图片大小为 iphone 6 的两倍图(750 * 1334) 由于看到的弹窗图片与保存的图片是两种大小,所以一开始看了些网上的其他...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 859
精华内容 343
关键字:

微信二维码海报制作