精华内容
下载资源
问答
  • 生成小程序码

    2018-06-02 10:04:04
    // 生成小程序码 public function request_post($url, $data) { $curl = curl_init(); // 启动一个CURL会话 curl_setopt($curl, CURLOPT_URL, $url); // 要访问的地址 curl_setopt($cur...
    //  生成小程序码
        public function request_post($url, $data)
        {
    
                $curl = curl_init(); // 启动一个CURL会话
                curl_setopt($curl, CURLOPT_URL, $url); // 要访问的地址
                curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0); // 对认证证书来源的检测
                curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 2); // 从证书中检查SSL加密算法是否存在
                curl_setopt($curl, CURLOPT_HTTPHEADER, array('Expect:')); //解决数据包大不能提交
                curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); // 使用自动跳转
                curl_setopt($curl, CURLOPT_AUTOREFERER, 1); // 自动设置Referer
                curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求
                curl_setopt($curl, CURLOPT_POSTFIELDS, $data); // Post提交的数据包
                curl_setopt($curl, CURLOPT_TIMEOUT, 30); // 设置超时限制防止死循
                curl_setopt($curl, CURLOPT_HEADER, 0); // 显示返回的Header区域内容
                curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); // 获取的信息以文件流的形式返回
                $tmpInfo = curl_exec($curl); // 执行操作
                if (curl_errno($curl)) {
                    echo 'Errno'.curl_error($curl);
                }
                curl_close($curl); // 关键CURL会话
    //            dd($tmpInfo);
                return $tmpInfo; // 返回数据
        }
    
    展开全文
  • 一、 微信小程序码是什么 小程序码是微信自己推出的二维码, 可以通过扫描小程序码, 直接进入到对应的小程序页面。 普通的二维码是正方形的, ...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/

    展开全文
  • 用于前端自己测试如何生成小程序码 <!-- 以图片的形式展示 --> <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)
    		});
    

    三、测试

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


    总结

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

    展开全文
  • 这里记录一下生成小程序码的需要注意的事项,希望能给踩到坑的人一点借鉴。 微信提供三个接口去获取二码,这是官方文档地址: 接口A和接口B都是获取小程序码(花朵状的那种),这俩接口的区别是码的生成个数。A的...

    已经不想再吐槽微信小程序的文档写的多渣。这里记录一下生成小程序码的需要注意的事项,希望能给踩到坑的人一点借鉴。

     

    微信提供三个接口去获取二码,这是官方文档地址

    接口A和接口B都是获取小程序码(花朵状的那种),这俩接口的区别是码的生成个数。A的上限是10万张,B不受限制。接口C生成的是二维码(正方形的样子) 也是上限10万张。

     

    这里我采用了接口B,先说一下实现的步骤:

    1.获取appId和secret的值:appId可以去开发者工具的详情里面看,或者去配置文件里面里看。secret就是小程序密钥建项目的时候可以看到。

    2.获取小程序 access_tokenGet请求 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appId&secret=secret, 获取access_token。其中grant_type的值固定是client_credential。

    3.获取小程序码的二进制流图片:用Post请求https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=access_token,传入page路由地址和sence页面参数获取图片的二进制流。

    看起来2个请求就轻松搞定了,所以产品经理问起时,我信心满满的告诉他很快搞定。然后呵呵了....

     

    碰到的问题有以下几点:

    1.文档对sance描述的不是很清楚,让人误以为onload里面自带sance值。但其实刚开始这个值是不存在的需要自己去定义,值是获取页面数据的参数,只有用户通过扫小程序码进到页面的时候onload里面才会出现sance值。

    2.sance值有大小和格式限制,只支持32个字符、数字、大小写英文以及部分特殊字符。比如当你需要传页面的id和其他参数,而页面的id是通过UUID生成的(UUID是由一组32位数的16进制数字所构成),那么只能寻求他法,把需要传的值变成32个字符以下。我就是这种情况。

    3.小程序发布后page才有效,在开发版上会报错,所以想要看效果要先上线,好坑。上线前项目需要审核,要等一段时间。我发布的几个版本都等了3个小时左右。体验版没试过。

    4.前台得到的二进制流图片无法解析,当顺利过了1,2,3步时,就可以成功的拿到了二进制流的小程序码。用wx的请求数据的方式却无法解析出来,而且微信目前也不支持blob。所以最后还是找后台人员帮忙了。前台只传sance和page值给后台,其他都后台做了。后台直接生成图片过来。

     

    问题到这就解决了。花了好长时间,我的加班记录也是因为它破了。这里代码就不贴了。回想一下会出现以上问题,很大原因还是文档遗漏太多。

     

     

     

     

     

     

     

     

    转载于:https://www.cnblogs.com/sgzg/p/9896787.html

    展开全文
  • 前端生成小程序码

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

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

    千次阅读 2019-09-09 15:56:31
    微信小程序 生成小程序码 首先看下效果图: 微信小程序已经上线很久了。现在才开始把代码拷进来 因为真的很忙 ………… 先看代码吧。首先是小程序端的内容: 怕麻烦 全部拷进去吧 这块的需求就是完成分享小程序码...
  • 微信小程序生成小程序码的方法

    千次阅读 2018-09-21 16:33:46
    生成小程序码,刚做这个功能,看了官方的文档,也看了好多别人写的,都感觉代码累赘,需要二进制流,或者生成在去保存,太麻烦了。后来找到一个简单并且使用的,此博客以此记录。也方便其他人看到学习(在此注明一点...
  • 小程序云开发已经支持云调用,开放了很多接口,一直想要的获取小程序码也支持了。这下轻量的小程序也可以...但是这里有个问题,已发布小程序的页面才能生成小程序码。如果现有的小程序没有开通云开发,需要做以下几步:
  • 该功能的核心地方就在于,使用微信小程序生成小程序码。而该小程序码中就是带有用户标识参数的,接下来一起来揭开生成带参小程序码的面纱吧。 具体代码如下: public function getWxAcCode() { $wx = new ...
  • 最近在开发一个小程序,有一个需求是生成生成小程序码。开发很简单,就是调用一个微信官方提供的接口: 当我调用后发现生成的图片损坏了: 解决 后来查资料有人说是因为小程序还没有发布,所以生成不了,刚好我...
  • 最近在开发“生成小程序码”功能,由于小程序canvas组件在真机中无法渲染base64格式的图片,所以使用writeFile方法在客户端创建图片的思路实现。 但发现,如果图片名字是一样的话,尽管“小程序码接口”每次返回的...
  • 虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可...可想而知小程序的火爆程度那么在小程序中,如何生成小程序码?虽然小程序目前可以分...
  • 有时候我们可能需要在其他的网页上展示我们自己的小程序中某些页面的小程序码,这种时候,我们需要用到小程序的生成小程序码的相关接口。 工具选型 我们仍然选用简单方便的weixin-java-miniapp来完成此功能。 ...
  • PHP生成小程序码

    千次阅读 2018-09-25 16:54:53
    PHP生成小程序码 &amp;lt;?php header(&quot;Content-type:text/html;charset=utf-8&quot;); ini_set(&quot;display_errors&quot;, &quot;On&quot;); error_reporting(E_ALL | E_...
  • 小程序生成小程序码(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就可以实现,我之前的文章有哦。...好,下面来讲怎么实现这个功能:先来看一组小程序生成小程序码的官方文档 ...
  • 微信官网提供生成小程序码生成方式共有三种,详情链接:https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.htmlA和C接口不用说了,加起来限制10万条。这里主要说下B接口。文档给出的内容并不详细,笔者也是废了...
  • 前端调用服务端的接口,把生成小程序码需要的参数传递过去。(因为前端无法直接调用该接口)。 前端把服务端返回的图片转换为buffer格式存储在微信的文件管理器中,返回图片的路径。 通过调用canvasdrawer的api...
  • 原生微信小程序获取生成小程序码并渲染页面上 应用场景:分享朋友/朋友圈时生成海报 效果图: 第一步,data中定义一个接收图片路径的空数据 /** * 页面的初始数据 */ data: { //二维码图片 qrCodeImg: ...
  • 使用koa 开发小程序后端服务,碰到需要生成小程序码。Node 调用wxacode.createQRCode wxacode.getUnlimited等接口来生成小程序码。 小程序码生成 请求地址 POST ...
  • 求助,谁做过微信小程序生成小程序码的功能? 我先用appId和secret获取access_tocken, 然后直接拿去获取微信小程序码就会报错,意思是tocken不是最新的。明明是上面刚刚获取到的。 代码如下: @Test public void ...
  • 通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成小程序码永久有效,可放心使用。 目前小程序码有两种形式,推荐生成并使用小程序码,它具有更好的辨识度,...
  • 小程序产品分销二维码生成不了,提示“小程序二维码需要发布正式版后才能获取到” 1、小程序需要正式发布后,才能生成产品二维码 2、检测小程序后台,检测下载域名是否配置:“downloadFile合法域名” 图片设置了云...
  • tp 生成小程序码

    2021-01-19 16:57:17
    ​​​​​​Tp生成小程序二维码(带参数),前端解析 注:小程序要进行上线,然后微信开发工具的appid和上线后的appid要一致,否则无法解析出来参参数。 需要 小程序appid 然后小程序秘钥 可以自设头像也可以不...
  • react端生成小程序码Last time, I began telling you the story of how I wanted to make a game. I described how I set up the async PHP server, the Laravel Mix build chain, the React front end, and ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,809
精华内容 1,123
关键字:

生成小程序码