精华内容
下载资源
问答
  • 一、 微信小程序码是什么 小程序码是微信自己推出的二维码, 可以通过扫描小程序码, 直接进入到对应的小程序页面。 普通的二维码是正方形的, ...1) 进入在线生成小程序码页面 ...2) 填写生成小程序码相关信息

    一、 微信小程序码是什么

    小程序码是微信自己推出的二维码,
    可以通过扫描小程序码,
    直接进入到对应的小程序页面。

    普通的二维码是正方形的,
    而小程序码是圆形,
    更加容易让用户识别出来。

    二、 在线生成微信小程序码

    1) 进入在线生成小程序码页面
    https://www.qinziheng.com/weapp/qrcode.html
    2) 填写生成小程序码相关信息
    包括:
    2.1) 你的小程序 APPID
    猛击查看《如何获取小程序APPID》
    2.2) 你的小程序 APP SECRET
    猛击查看《如何获取小程序APP SECRET》
    2.3) 小程序码路径
    扫描小程序二维码后,跳转的页面路径;
    路径可以带参数,
    路径的最前面不需要添加 /
    3) 点击‘生成二维码’按钮
    系统会自动帮你生成小程序码
    4) 下载小程序码
    在二维码上点击右键,
    选择‘图片另存为’就行

    在线生成小程序码

    在线生成小程序码

    三、 在线生成小程序码要注意的地方

    1) 我们不会保存你小程序的APPID, APP SECRET
    请放心使用
    2) 为了安全,每过一段时间我们会清理生成的小程序码,
    请你即时下载保存

    狂击这里了解《怎么自己开发生成小程序码》

    https://211.qinziheng.com/lesson/543/

    展开全文
  • uniapp小程序生成小程序码

    千次阅读 2020-11-27 10:50:34
    用于前端自己测试如何生成小程序码 <!-- 以图片的形式展示 --> <image :src="maskData"></image> onLoad(options) { console.log('需要推荐码',options)//打印出来是 {scene: "code%3D2QQ"} ...


    前言

    需求:用户通过扫描小程序码,直接跳转到小程序的登陆页,并自动填充推荐码


    一、自测版本

    用于前端自己测试如何生成小程序码

    <!-- 以图片的形式展示 -->
    <image :src="maskData"></image>
    
    onLoad(options) {
        console.log('需要推荐码',options)//打印出来是 {scene: "code%3D2QQ"}
    	const scene = options.scene ? decodeURIComponent(options.scene) : ''
    	console.log('编译出来的scene',scene) //打印出来是 code=3D2QQ
    	this.code = scene.split('=')[1]//打印出来是 3D2QQ
    	console.log('编译出来的推荐码',this.code)
    },
    
    getData(e) {
    	//获取accessToken
    	let that = this;
    	const APP_ID = 'xxx'; // 小程序appid
    	const APP_SECRET = 'xxxxx'; // 小程序app_secret
    	let access_token = '';
    	uni.request({
    		url: "https://api.weixin.qq.com/cgi-bin/token", //固定链接,不用改
    		data: {
    			grant_type: 'client_credential',
    			appid: APP_ID,
    			secret: APP_SECRET
    		},
    		success: function(res) {
    			console.log('获取accessToken', res)
    			access_token = res.data.access_token;
    			// 接口B:适用于需要的码数量极多的业务场景 生成的是小程序码
    			that.getQrCode(access_token);
    		}
    	})
    },
    //获取二维码
    getQrCode(access_token) {
    	var that = this;
    	uni.request({
    		url: "https://api.weixin.qq.com/wxa/getwxacode?access_token=" + access_token,//固定链接,不用改
    		method: 'POST',
    		responseType: 'arraybuffer', //设置响应类型
    		data: {
    			path: 'pages/public/login?code=' + that.code, // 必须是已经发布的小程序存在的页面(否则报错)
    			width: 298,
    			auto_color: false, // 自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调
    			line_color: {
    				"r": "0",
    				"g": "0",
    				"b": "0"
    			} // auto_color 为 false 时生效,使用 rgb 设置颜色
    		},
    		success: function(res) {
    			console.log('获取二维码', res)
    			that.maskData = "data:image/PNG;BASE64," + uni.arrayBufferToBase64(res.data);//以图片的形式展示
    		}
    	})
    }
    

    二、线上版本

    原来以为很难的,压力都在前端,等做完了,测试体验版的时候,发现api.weixin.qq.com域名没加进去,结果官方跟我说,不能加这个域名,原因是前端不能直接用上面的方法自己去生成小程序码,必须要通过后台服务器转一下
    在这里插入图片描述

    // 给了个token,后端自己去实现自测版本中的操作-生成小程序码,返回图片地址,前端直接展示图片就好了,666
    getData(e) {
    	this.$api
    		.qrcode({
    			token: this.token
    		})
    		.then(res => {
    			console.log('我的推荐码', res)
    			this.maskData = res
    		})
    		.catch(err => {
    			this.$api.msg(err)
    		});
    

    三、测试

    截取生成小程序码的图片,用微信开发者工具的“通过二维码编译”扫码测试能不能拿到参数,并填充
    在这里插入图片描述


    总结

    事情其实很简单,没必要想的太复杂

    展开全文
  • php 生成小程序码

    千次阅读 2018-11-23 18:15:09
    本文调用的是接口B,生成小程序码。 这边需要注意的是,调用微信官方生成的小程序码,小程序必须要先发布,才能调用官方接口,不然会调用失败!!   一、先get请求,获取access_token h...

    先附上官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html

     

    本文调用的是接口B,生成小程序码。

    这边需要注意的是,调用微信官方生成的小程序码,小程序必须要先发布,才能调用官方接口,不然会调用失败!!

     

    一、先get请求,获取access_token

    https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appId&secret=secret

     

    二、post请求,调用接口B

    https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=access_token

    这里注意的是,body传递的是 raw类型的json格式,如:{"scene":"123456789","page":"pages/index/index","width":"280"}

    其他请求方式无法成功。

    scene就是给小程序传递的参数值,page是小程序存在的页面,width是生成小程序码的宽度。

     

    附上 raw格式的post请求方法:

    public static function raw_post($url, $data_string) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    
        curl_setopt($ch, CURLOPT_HTTPHEADER, array(
            'X-AjaxPro-Method:ShowList',
            'User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36')
        );
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data_string);
        $data = curl_exec($ch);
        curl_close($ch);
        return $data;
    }

     

    如果调用成功,会直接返回图片二进制内容,如果请求失败,会返回 JSON 格式的数据。

     

    三、存储小程序码到本地

    $wx_code = raw_post($url,$data_string);

    $url是请求地址,$data_string就是body传递的json数据。

     

    直接调用php的方法,把返回的二进制图片存到本地

    file_put_contents($save_dir.$save_name,$wx_code);

    $save_dir:定义的存储目录

    $save_name:定义的文件名,记得带上格式,如 .png

    $wx_code:返回的二进制图片内容

     

    四、最后把生成文件的路径,写到数据库就行了

    展开全文
  • 该功能的核心地方就在于,使用微信小程序生成小程序码。而该小程序码中就是带有用户标识参数的,接下来一起来揭开生成带参小程序码的面纱吧。 具体代码如下: public function getWxAcCode() { $wx = new ...

        小程序申请配置之类的就不多做赘述了,今天主要介绍一下实现分销的核心内容。

         该功能的核心地方就在于,使用微信小程序生成小程序码。而该小程序码中就是带有用户标识参数的,接下来一起来揭开生成带参小程序码的面纱吧。

          具体代码如下:

    public function getWxAcCode()
        {
            $wx = new WxAction();
            $token = $wx->getAccessToken();//获取accesstoken
    
            //整理post请求参数
            $post_data = [
                'scene' => '用户id',//场景值 可以理解成用户标识 但是存在限制(文档中有说明)
                'page' => '页面路径 path',//小程序的页面路径 特别注意该路径要与小程序内定义的路径一致测试时不要添加否则会生成不了 最最重要的是路径之前不要有斜杠/ 直接以pages开头否则会提示41030
                'is_hyaline' => true //生成的小程序码图片背景是否为透明的
            ];
            $data = json_encode($post_data, true);
    
            //请求地址
            $url = 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token='.$token;
            
            $accode = $wx->sendPost($url,$data);//获取小程序二维码 返回的就是图片流信息
            $img = $this->cutPictureCircular('微信头像地址');//获取圆形头像流信息
            $qrcode = $this->mergeImages($accode,$img);//加上头像的小程序码图片流信息
            $qrcode = imagecreatefromstring($qrcode);
    
            // 读取背景图的信息
            $tmp = file_get_contents('./bg.png');
            $bg = imagecreatefromstring($tmp);
    
            // 将小程序码合并到海报图上
            imagecopyresampled($bg, $qrcode, 225, 630, 0, 0, 285, 285, imagesx($qrcode), imagesy($qrcode));
    
            header("Content-Type: image/png; charset=utf-8"); // 设置header头
            imagealphablending($bg, false); // (很重要)不合并颜色,直接用 PNG 图像颜色替换,包括透明色;
            imagesavealpha($bg, true);  // (很重要)设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息;
            imagepng($bg); // 保存图片为png
            imagedestroy($qrcode); // 清除画布资源
            imagedestroy($bg); // 清除画布资源
            die;
        }
    
    /**
         * 将图片裁剪成圆形
         */
        private function cutPictureCircular($img)
        {
            // 获取图片流信息
            $info = file_get_contents($img);
            $src_img = imagecreatefromstring($info);
            $w = imagesx($src_img);
            $h = imagesy($src_img);
            $w = min($w, $h);
            $h = $w;
            $img = imagecreatetruecolor($w, $h);
            imagealphablending($img, false); // 设定图像的混色模式
            imagesavealpha($img, true); // 这一句一定要有(设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息)
            $bg = imagecolorallocatealpha($img, 255, 255, 255, 127); // 拾取一个完全透明的颜色,最后一个参数127为全透明
            imagefill($img, 0, 0, $bg);
            $r = $w / 2; //圆半径
            $y_x = $r; //圆心X坐标
            $y_y = $r; //圆心Y坐标
            for ($x = 0; $x < $w; $x++) {
                for ($y = 0; $y < $h; $y++) {
                    $rgbColor = imagecolorat($src_img, $x, $y);
                    if (((($x - $r) * ($x - $r) + ($y - $r) * ($y - $r)) < ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                    }
                }
            }
            /**
             * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");
             * 并且去掉缓存区函数
             */
            //获取输出缓存,否则imagepng会把图片输出到浏览器
            ob_start();
            imagealphablending($img, false); // (很重要)不合并颜色,直接用 PNG 图像颜色替换,包括透明色;
            imagesavealpha($img, true);  // (很重要)设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息;
            imagepng($img);
            imagedestroy($img);
            $contents = ob_get_contents();
            ob_end_clean();
            return $contents;
        }
    
        /**
         * 合成图片
         */
        private function mergeImages($code,$img)
        {
            $code = imagecreatefromstring($code);
            $img = imagecreatefromstring($img);
    
            $QR_width = imagesx($code); // 二维码图片宽度
            $QR_height = imagesy($code); // 二维码图片高度
            $logo_width = imagesx($img); // logo图片宽度
            $logo_height = imagesy($img); // logo图片高度
            $logo_qr_width = $QR_width / 2.2; // 组合之后logo的宽度(占二维码的1/2.2)
            $scale = $logo_width / $logo_qr_width; // logo的宽度缩放比(本身宽度/组合后的宽度)
            $logo_qr_height = $logo_height / $scale; // 组合之后logo的高度
            $from_width = ($QR_width - $logo_qr_width) / 2; // 组合之后logo左上角所在坐标点
            /**
             * 重新组合图片并调整大小
             * imagecopyresampled() 将一幅图像(源图象)中的一块正方形区域拷贝到另一个图像中
             */
            imagecopyresampled($code, $img, $from_width, $from_width, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height);
            /**
             * 如果想要直接输出图片,应该先设header。header("Content-Type: image/png; charset=utf-8");
             * 并且去掉缓存区函数
             */
            //获取输出缓存,否则imagepng会把图片输出到浏览器
            ob_start();
            imagealphablending($code, false); // (很重要)不合并颜色,直接用 PNG 图像颜色替换,包括透明色;
            imagesavealpha($code, true);  // (很重要)设置标记以在保存 PNG 图像时保存完整的 alpha 通道信息;
            imagepng($code);
            imagedestroy($code);
            imagedestroy($img);
            $contents = ob_get_contents();
            ob_end_clean();
            return $contents;
        }

        上述代码实现了生成带有头像的小程序码的海报图,结果如下:

        微信小程序生成小程序码相关文档

        前端只需要在扫码进入的那个页面的onLoad方法中,获取小程序码中的场景值,在用户注册时传给后端就可以了。而后端需要做的就是将新用户与分享用户之间做一个关系绑定的处理剩下的就是根据实际的业务逻辑来做处理的事情了。小程序中获取小程序码的参数代码如下:

    onLoad: function (options) {
      console.log(options.scene);
    }

    展开全文
  • 有时候我们可能需要在其他的网页上展示我们自己的小程序中某些页面的小程序码,这种时候,我们需要用到小程序的生成小程序码的相关接口。 工具选型 我们仍然选用简单方便的weixin-java-miniapp来完成此功能。 ...
  • 前端生成小程序码

    2020-06-16 10:51:57
    前端生成小程序码 之前做过一个扫码进店的功能,为了方便功能验证,便自己做了一下在生成小程序码。 先上代码 index.html\color{green}{index.html}index.html <view class="headContainer"> <input ...
  • 小程序生成小程序码(thinkphp)

    千次阅读 2017-08-21 15:21:29
    生成小程序码tp后台处理public function getwxaqrcode() { $access_token = $this->AccessToken(); $url = 'https://api.weixin.qq.com/wxa/getwxacode?access_token='.$access_token; $path="page
  • 通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成小程序码永久有效,可放心使用。 目前小程序码有两种形式,推荐生成并使用小程序码,它具有更好的辨识度,...
  • 最近做小程序遇到一个功能: 从列表进入的详情页面,有生成海报的功能,这个功能用canvas就可以实现,我之前的文章有哦。...好,下面来讲怎么实现这个功能:先来看一组小程序生成小程序码的官方文档 ...
  • 微信小程序生成小程序码的方法

    千次阅读 2018-09-21 16:33:46
    生成小程序码,刚做这个功能,看了官方的文档,也看了好多别人写的,都感觉代码累赘,需要二进制流,或者生成在去保存,太麻烦了。后来找到一个简单并且使用的,此博客以此记录。也方便其他人看到学习(在此注明一点...
  • 基本thinkphp6的上传excel批量生成不同参数的小程序码,并对生成小程序码图片进行图片处理
  • 微信官网提供生成小程序码生成方式共有三种,详情链接:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.htmlA和C接口不用说了,加起来限制10万条。这里主要说下B接口。文档给出的内容并不详细,笔者也是废了...
  • 小程序生成小程序码分享朋友圈

    千次阅读 2019-03-08 15:45:32
    小程序实现分享 公司很多时候都会想要传播自己的小程序,从而获取更多的流量,从而分享朋友圈的功能就诞生了。 分享步骤: 一、通过canvas组件把要分享出去的东西画出来 二、通过saveImageToPhotosAlbum方法把...
  • python 生成小程序码

    千次阅读 2018-08-31 13:30:46
    微信小程序生成二维码: 所用语言python,有两种方式: 1: 后端传一段字符串给前端, 前端显示 2: 后端直接生成图片   1: 后端传一段字符串给前端, 前端显示 def get_wxCode(Request, UserInfo): try: ...
  • 有时候我们可能需要在其他的网页上展示我们自己的小程序中某些页面的小程序码,这种时候,我们需要用到小程序的生成小程序码的相关接口。 工具选型 我们仍然选用简单方便的weixin-java-miniapp来完成此功能。 项目...
  • 生成小程序码的海报,开发过程中需要测试识别图上小程序码 如果直接用手机微信扫码或长按识别,不能跳到开发版和体验版,总是跳到正式版,根本无法测试。 解决办法: 直接用开发者工具,就可以测试识别小程序码...
  • 根据 小程序官方文档 可以知道怎么查询,但还是有些地方需要注意 第一个参数 grant_type 的值固定为 client_credential,对于开发者而言没有什么特殊性 appid 和 secret 都是需要登陆小程序,从微信公众平台上获取 ...
  • 经过服务端的配置生成小程序二维码,每次用手机扫小程序二维码都会跳到手机已经发布的小程序中,因为二维码配置了 scene 参数,就没法调试开发版本对 scene 里面的参数处理的代码块了。 Page({ onLoad (query) {...
  • 云调用生成小程序码

    千次阅读 2020-03-22 16:48:56
    所以我们肯定需要首先先建立一个云函数getTwoCode 给云函数配置权限在.json文件中 "permissions": { "openapi": [ "wxacode.getUnlimited" ] } 然后开始编写云函数 首先我们在云函数中应该获取到的就是程序的权限和...
  • 最近老有同学问我,如何生成小程序二维码,让用户扫后能快速进入指定页面。经过一番研究,发现用云开发的云调用来实现特别方便,基本上10行代码就可以快速的生成指定页面的二维码。这样我们在做一些线下业务时就能...
  • 最近的需求是需要用户扫描指定二维码进去填写表单之类的需求(暗骂提需求的人) 看了下文档,嘿开发团队还真懂我们、 果断上手,然后问题又来了,这个返回值是二进制啊,好办!! 看代码 云函数代码 ...
  • Django生成小程序码

    万次阅读 2018-11-30 16:44:19
    # 生成小程序的传参 scene = str(data.get('postid')) # 生成小程序的路径 page = data.get('path') data = dict(scene=scene, page=page) # 不报错res.content是二进制的图片信息保存就行了 res = ...
  • java生成小程序码

    千次阅读 2019-06-06 10:11:32
    //生成access_token,直接将方法(wxGetQrcode())生成的路径复制到浏览器访问生成access_token赋值到下方 String url=...
  • 注意:小程序端如果想保存成图片,需要用画布,但是如果想把图片放在画布上,真机上需要先把图片保存到本地。使用缓存文件!!!!!小程序端: .jsimport util from '../../../utils/util' var image = require('.....
  • 小程序-云开发-实现生成小程序码

    千次阅读 2020-09-26 12:54:33
     // 调用生成小程序码 }, // 生成小程序码 createQrCode() { this.showLoading(); wx.cloud .callFunction({ // 请求云函数 // 云函数getQrCode name: 'getQrCode', }) .then((res) => { console.log(res);...
  • 前几天要求生成小程序二维码,网上找了很多资料,官方的文档,使用之后一直报错,感觉真的很坑,下面我把自己亲测可用的方法粘出来,方便大家使用 他这个微信接口返回的是一个流,这个咱们要自己处理一下,将他放到...
  • 最近在开发一个微信小程序,由于其中需要生成小程序码这里记录一下其中遇到的一个问题希望对各位有帮助 抛出这个异常{"errcode":41030,"errmsg":"invalid page hint: [eU6RsA00464521]"} 很显然各位小伙伴先简称小...
  • scene参数存放与获取:... 前端小程序也要进行操作来获取到scene中存放的参数。 onLoad:function(options){ if(options.scene){ // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 476,902
精华内容 190,760
关键字:

生成小程序码