精华内容
下载资源
问答
  • 很多做微信小程序开发的程序员都是有JavaEE基础的最近群里好多人问,小程序怎么访问本地的tomcat接口服务器,在这里记录一下首先写一个接口,地址是"http://localhost:8080/test"然后进行一个Post请求wx....

    很多做微信小程序开发的程序员都是有JavaEE基础的

    最近群里好多人问,小程序怎么访问本地的tomcat接口服务器,在这里记录一下

    首先写一个接口,地址是"http://localhost:8080/test"

    然后进行一个Post请求

    wx.request({  
      url: 'http://localhost:8080/test',  
      data:{},  
      method:'POST',  
      header: {  
        'content-type': 'application/json'  
      },  
      success: function (res) {  
        console.log(res.data)  
      }  
    })  

    首先点击工具,然后项目详情


    把不校检合法域名,这一条打上对勾,然后就可以了访问后台的接口了

    展开全文
  • 一般来说,如果不涉及到后端数据,我们通过微信小成开发工具预览功能是可以直观看到项目的情况的,但是一旦涉及到后端本地服务器数据,预览是无法获取到的,而真机调试得按下面操作才能实现 通过win + r 打开命令行工具,...

    一般来说,如果不涉及到后端数据,我们通过微信小成开发工具预览功能是可以直观看到项目的情况的,但是一旦涉及到后端本地服务器数据,预览是无法获取到的,而真机调试得按下面操作才能实现

    1. 通过win + r 打开命令行工具,输入ipconfig
      如果你是用数据线联网的,就找到图片所对应的IPv4 地址
      在这里插入图片描述
      如果你是用WIFI联网的,就找到图片所对应的IPv4 地址
      在这里插入图片描述
    2. 将地址复制替换本地服务器数据接口
      在这里插入图片描述
    3. 然后电脑开启移动热点,手机连接电脑热点,这样就能在真机调试时获取本地服务器数据了
    展开全文
  • 在微信小程序中要保存图片到本地相册,需要获取相册权限。总之整个功能实现下来需要如下几个小程序的API:wx.getSetting,wx.authorize,wx.openSetting,wx.downloadFile,wx.saveImageToPhotosAlbum 但是在...

    在微信小程序中要保存图片到本地相册,需要获取相册权限。总之整个功能实现下来需要如下几个小程序的API:wx.getSettingwx.authorizewx.openSettingwx.downloadFilewx.saveImageToPhotosAlbum

    但是在openSettingdownloadFile 会有坑!


    openSetting,【打开小程序设置页】有坑,是官方的问题,这里出现授权弹框,如果你点击拒绝再次引导授权流程弹框不会立马弹出(官方解释说因为频繁代用授权会带来各种一系列问题),如果想马上再次弹出授权弹框需要通过button来解决。
    点击查看官方解释

    //再次打开授权引导
    
    方法1:使用 button 组件来使用此功能,示例代码如下:
    <button open-type="openSetting" bindopensetting="callback">打开设置页</button>
    
    方法2:由点击行为触发wx.openSetting接口的调用,示例代码如下:
    <button bindtap="openSetting">打开设置页</button>  openSetting() {  wx.openSetting()}
    

    wx.downloadFile 保存图片的时候,打印成功回调里边会有tempFilePath 后缀名不正确格式。(Android机会有这种情况,iOS不清楚),就回导致后续wx.saveImageToPhotosAlbum方法是出现错误:文件格式类型错误问题

    解决方法:
    重点:

    有的说dowloadFile的url值要是jpg格式的,但是我试png也可以,具体情况具体分析。

    var fileN=new Date().valueOf();
    //filePath指定文件下载后存储的路径,wx.env.USER_DATA_PATH
    var fileP=wx.env.USER_DATA_PATH+'/'+fileN+'.jpg'
    wx.dowloadFile({
    	url:'你的图片url地址',
    	filePath:fileP,//这里要加这个filePath属性
    	success:(res)=>{
    		var filePath=res.filePath;
    		wx.saveImageToPhotosAlbum({
    			filePath,
    			success:(res)=>{
    				console.log('保存成功')
    			}
    		})
    	}
    	
    })
    
    

    完整代码

    <image src="{{url}}"></image>
     <view bindtap="clickSaveImg" class="save-code"></view>
    

    Page({
    	data:{
    		url:'',//图片地址
    	},
    	clickSaveImg(){//先授权相册
    		wx.getSetting({
    			success:res=>{
    				if(!res.authSetting['scope.writePhotosAlbum']){//未授权的话发起授权
    					wx.authorize({
    						scope:'scope.writePhotosAlbum',
    						success:()=>{//用户允许授权,保存到相册
    							this.saveImg();
    						},
    						fail:()=>{//用户拒绝授权,然后就引导授权(这里的话如果用户拒绝,不会立马弹出引导授权界面,坑就是上边所说的官网原因)
    							wx.openSetting({
    								success:()=>{
    									wx.authorize({
    										scope:'scope.writePhotosAlbum',
    										succes:()=>{//授权成功,保存图片
    										this.saveImg();
    											
    										}
    									})
    								}
    							})
    						}
    					})
    				}else{//已经授权
    					this.saveImg();
    				}
    			}
    		})
    	},
    	
    	saveImg(){//保存到相册
    		let {url} = this.data;
    		wx.downloadFile({//这里如果有报错就按照上边的解决方案来处理
    			url:url,
    			success:(res)=>{
    				wx.saveImageToPhotosAlbum({
    					filePath:res.tempFilePath,
    					success:(res)=>{
    						wx.showToast({
    							title:'保存成功!'
    						})
    					},
    					faile:(err)=>{
    						console.log('失败!')
    					}
    				})
    			}
    		})
    	},
    
    })
    

    到了这里可以打开调试和在开发者工具都测试一下试试可不可以保存。

    最后一个坑

    开发者工具手机打开调试都可以成功保存图片,但是关了调试,就不可以保存。这个时候需要登录到微信小程序后台(开发->开发设置),查看downloadFile合法域名 中有没有配置合法域名,也就是下载图片路径的白名单,你的图片路径域名需要在这里配置,才可以!然后就可以保存图片!!!

    展开全文
  • 最近接触了一个有关微信小程序的项目。有关小程序后台服务的https配置踩了不少坑,折腾了一两天时间,终于实现了小程序后台服务的部署。这里就总结一下基于微信小程序,有关SpringBoot后台的配置方案。

    本文欢迎转载,转载请注明出处,谢谢! http://blog.csdn.net/colton_null 作者:喝酒不骑马 Colton_Null from CSDN


    前言

    最近接触了一个有关微信小程序的项目。有关小程序后台服务的https配置踩了不少坑,折腾了一两天时间,终于实现了小程序后台服务的部署。这里就总结一下基于微信小程序,有关SpringBoot后台的配置方案。

    分析一下微信官方文档

    根据小程序官方文档描述,微信小程序的wx.request请求有如下几点要求

    ● 域名只支持 https (request、uploadFile、downloadFile) 和 wss (connectSocket) 协议;
    ● 域名不能使用 IP 地址或 localhost,且不能带端口号;
    ● 域名必须经过ICP 备案;
    ● 出于安全考虑,api.weixin.qq.com 不能被配置为服务器域名,相关API也不能在小程序内调用。开发者应将appsecret 保存到后台服务器中,通过服务器使用 appsecret 获取 accesstoken,并调用相关 API。

    重点在于前三条。
    第一条:只支持https请求。这就要求我们的后台服务需要配置一个SSL证书。
    第二条:说明端口号支持443(https请求默认为443),并且必须是一个域名例如www.baidu.com而不能是IP地址。
    第三条:域名要去备案。

    这里就不介绍第三条域名的备案了。假设大家现在手里搞到了一个备了案的域名www.myweb.com

    如何搭建后台环境?

    第一步:申请一个SSL证书(免费的哦)

    登录阿里云,申请一个免费的DV SSL证书
    https://common-buy.aliyun.com/?spm=5176.2020520163.cas.4.406f1768JUOggq&commodityCode=cas#/buy
    这里写图片描述
    购买完证书后,在补全所属域名等信息。
    如果信息填写都正确的话,证书很快就会通过审核。审核通过后,下载证书。
    这里写图片描述
    解压下载下来的压缩包,会得到如下文件
    这里写图片描述
    到这里,我们的证书准备工作就已经做完了。

    在SpringBoot中配置SSL证书

    首先,将.pfx文件放在resources目录下。这里假设是123465.pfx
    然后在application.yml文件中填下如下配置

    server:
      port: 443
      ssl:
        key-store: classpath:123456.pfx
        key-store-password: 123456
        keyStoreType: PKCS12

    到此,SSL的配置就结束了。
    此时,启动SpringBoot工程,会发现SpringBoot内置的Tomcat已经在443端口上启动了。当然了,前提是在443端口没有被占用的情况下。
    这里写图片描述

    第三步:微信开发者工具的配置

    实际上,在本地开发调试的时候,不去操作前两步,也可以绕开HTTPS的限制,使用http请求而且也可以使用非443端口。只需要在【项目设置】中,勾选“不校验安全域名、TLS版本以及HTTPS证书”即可
    这里写图片描述

    然而,如果想要发布小程序,则必须要改成https请求。那么在项目部署到公网环境之前,想要在本地测试一下https请求是否好用时该怎么办呢?

    我们可以通过修改hosts文件,将域名重定向到127.0.0.1地址上就可以在本地模拟访问域名https请求了。

    首先在微信小程序开发者后台中,配置域名
    这里写图片描述
    注意,这里不能加端口号(文档中有提,https默认的端口号即为443),例如:https://www.myweb.com

    之后,在系统hosts文件中添加如下(如何修改hosts文件网上资料很多,这里就不多做介绍了)

    127.0.0.1 www.myweb.com

    这样,在本机访问www.myweb.com就被重定向到本机地址上了。

    取消勾选“不校验安全域名、TLS版本以及HTTPS证书”,在微信小程序中request请求的url地址就可以写成www.myweb.com/…,即可在项目部署到公网环境之前,在本地模拟对设置好的域名发送请求,以便在本地检测程序是否有问题。

    总结一下

    1.在本地开发时,暂时可以不需要SSL证书,request请求可以为http和任意端口号。
    2.小程序最终发布时,需要后台支持https,并且需要合法域名。此时就需要有个一ICP备案的域名,购买ssl证书并在后台配置证书,配置小程序服务域名。

    展开全文
  • 重点:使用小程序二维码必须先发布小程序!!! PHP代码 1.获取access_token public function Atoken(){ $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的APPID&...
  • 1. 如何模拟真实环境中,读取服务端数据,首先需要使用Nodejs搭建一个本地服务器的环境。 在搭建web服务器之前,需要先安装node.js(安装版本最好为6.9.x) 安装后node.js,接下来就需要安装http的镜像文件 npm ...
  • springboot本地模拟https请求

    千次阅读 2019-08-21 17:16:22
    https 现在已经越来越普及了,特别是做一些小程序或者公众号开发的时候,https 基本上都是刚需了。 不过一个 https 证书还是挺费钱的,个人开发者可以在各个云服务提供商那里申请一个免费的证书。我印象中有效期...
  • 微信小程序自带功能,用于判断所处环境,然后调用不同的接口域名,一般用于自我封装请求的时候,或者使用第三方打包软件时,写在request配置里面 // develop 开发版 trial 体验版 release正式版 let Version = wx....
  • 今天在做小程序项目获取openId等userInfo信息提交给后端接口存储到数据库的时候 遇到了一个坑,一请求后端接口,调试窗口就报错:Provisional headers are shown,如下图所示 选择远程调试: 报错信息...
  • 最近公司要开发小程序。所以让我花一周时间研究一下。 期间绕了各种弯路。终于是可以正常进入开发和调试。线上测试使用(未发布) 假定你已经下载了微信小程序开发工具,拥有开发身份或者管理员身份(最好是...
  • 最近在做一个CRM微信小程序工具,用户提出了需要通过小程序上传图片、录音、视频的需求。针对此需求,本文将通过搭建SpringBoot上传文件的API,前端小程序调用后端API,展现微信小程序文件上传到SpringBoot的完整...
  • 小程序模拟请求服务器json数据

    千次阅读 2018-10-31 14:49:00
    小程序模拟调用本地json接口数据 https://www.jianshu.com/p/20ecc78a1a3f 那么,怎么请求服务器json数据? 如果你是一枚前端,不会写后端接口的话 又想测试数据,看自己写的效果的时候 不要慌 那么,把你的json放在...
  • 小程序授权之支付宝(普通公钥)

    千次阅读 2020-12-08 17:17:26
    众所周知啊,微信小程序是可以通过微信本身授权后再登录,平台可以拿到微信用的的账号相关信息,然后保存到数据库中,那么同理在支付宝小程序开发过程中,登录功能的设计也可以如此 最近在开发支付宝小程序,由于第...
  • 小程序从入门到快速开发小程序项目

    万次阅读 多人点赞 2018-08-19 21:39:39
    备注:小程序只是突发灵感兴趣弄的,并非专业研究小程序,其实小程序API并不多,不复杂,扩展无非就是JS了。 最近用了大概两天左右的时间看了小程序的官方文档:https://mp.weixin.qq.com/cgi-bin/wx 然后有目标的...
  • 微信/支付宝小程序测试大全

    千次阅读 2020-06-17 18:02:30
    微信/支付宝小程序测试大全 小程序测试环境 小程序一般会准备三个环境: 开发版访问测试环境; 体验版访问预发环境,连的是生产的地址,白名单人员可见; 正式版访问生产环境,所有人可见 共同点是:体验版和正式版...
  • 我们微信小程序开发工具本地是可以正常显示的,这就排除了代码有误的猜想; 新用户(第一次访问该小程序的用户)是可以正常访问的,这就排除了配置有误的猜想; 那么看来肯定是跟缓存有关的,因为上次访问过小程序有...
  • 打开微信公众平台接口调试工具,在参数列表中输入小程序的appid和secret,点击检查问题,如果appid和secret正确,则可以返回正确的access_token结果(图中下方的红框) 三、生成微信小程序二维码 生成小程序二维码...
  • 一、首先,设计好数据库表,并且填上测试数据 二、新建一个Idea程序,使用spring Initialzrxiangdao向导,选择web->web,SQL->jdbc,SQL->MySQL,并且添加gson依赖库 三、配置启动文件Application.Java @SpringBoot...
  • 该项目具有Fio测试的集合,这些测试可以模拟Cassandra的STCS和LCS压缩策略的读写模式。 有一个bash脚本fio_runner.sh都可以运行测试,并且如果安装了gnuplot,将为读/写模式生成svg报告。 LCS和STCS配置都将针对...
  • 微信小程序考试答案

    万次阅读 多人点赞 2020-01-03 09:52:34
    第1章作业 一.单选题(共10题,100.0分) 1以下哪个不是主流的手机操作系统? A、Android ...2微信小程序是于何时正式发布? A、2015年1月9日 B、2016年1月9日 C、2017年1月9日 D、2018年1月9日 正确答案:...
  • 因为项目需求,要在门店扫码注册会员以及签到(带上门店参数),门店数量多达到数... 若要在开发时测试(不用提审等上线),则需要在测试链接里面填写测试二维码链接,设置后扫描这个二维码就可以测试扫码进入小程序...
  • 如下图标记的三个点 在调试过程中出现问题,特此记录。...然而在微信小程序开发接口中不会默认添加,所以要写完整,否则访问不到。 如果写为 url:localhost:8080/data.json 报错:VM530:1 request:fail inva...
  • 一、创建一个小程序项目 1、下载安装微信web开发者工具,目前最新版本是1.02.1811141。 2、打开,扫码登录, 3、选择小程序项目 4、点击项目管理旁边的+ 5、如果你有小程序账号会有一个APPID,详情见...
  • 前端开发如何做好本地接口模拟

    千次阅读 2019-01-05 05:28:16
    前端开发如何做好本地接口模拟 之前有写过一篇 本地化接口模拟、前后端并行开发,讲到过本地接口模拟,但不太细致。这次细细的说说本地接口模拟。 1. 有什么好处 本地接口模拟最大的好处就是能够使前后端项目解耦,...
  • 微信小程序获取并展示公众号推文

    千次阅读 2020-02-29 17:17:38
    微信小程序基于PHP与云函数获取并展示公众号推文
  • 开发小程序的正确方式

    千次阅读 2021-10-18 17:54:22
    如同我们在《小程序的昨日与今天》一文中所说,小程序的开发并不需要配置任何开发环境,只需要安装官方的 IDE 工具即可。 在本文中,我们将会结合 FinClip 官方小程序开发工具 FIDE 与移动端应用 FinClip,介绍开发...
  • 微信小程序抓包反编译保姆级教程

    千次阅读 2021-01-25 22:51:19
    小程序数据采集方法调研 文章目录小程序数据采集方法调研1.基本采集流程2.采集流程2.1 抓包2.1.1 使用工具2.1.2 具体抓包流程2.2 wxapkg包获取2.2.1 wxapkg包获取背景介绍2.2.2 使用工具2.2.3 具体获取包流程2.3 ...
  • 第一个web项目-微信小程序后端开发

    千次阅读 多人点赞 2021-02-28 18:44:42
    第一个web项目-微信小程序后端开发 前言 去年暑假一个偶然的机会我和几位同学加入了学院一位老师主持的教改项目,需求是开发一个基于SPOC与翻转课堂的计算机组成原理课程的学习app(类似慕课、知到),后来经过讨论...
  • 微信小程序开发总结与心得(一)

    万次阅读 多人点赞 2019-02-25 14:54:34
    最近的工作重心一直在小程序,也开发了几个小程序,对小程序开发的流程及相关技术相对比较熟悉,在开发过程中也总结了一些心得经验、了解一些小程序文档上没有的东西、踩了一些坑。所以想着写篇文章记录下来,并借此...
  • 婚礼邀请函微信小程序

    万次阅读 2020-12-07 15:03:12
    本项目是一个婚礼邀请函小程序,通过小程序向亲朋好友发送婚礼到场邀请,相对于传 统方式的请柬,给人们带来不一样的便捷体验,也更容易受到广大年轻群体的喜爱。通过电 子版的邀请函,邀请来宾见证一对新人的幸福...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,116
精华内容 23,246
关键字:

本地模拟测试小程序配置

友情链接: shopping-online.rar