很多做微信小程序开发的程序员都是有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 打开命令行工具,输入ipconfig
 如果你是用数据线联网的,就找到图片所对应的IPv4 地址
 
 如果你是用WIFI联网的,就找到图片所对应的IPv4 地址
 
将地址复制替换本地服务器数据接口
 
然后电脑开启移动热点,手机连接电脑热点,这样就能在真机调试时获取本地服务器数据了

 
 
在微信小程序中要保存图片到本地相册，需要获取相册权限。总之整个功能实现下来需要如下几个小程序的API：wx.getSetting，wx.authorize，wx.openSetting，wx.downloadFile，wx.saveImageToPhotosAlbum
 
 
 
 
但是在openSetting 和 downloadFile 会有坑！
 
 
 
 
 
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合法域名 中有没有配置合法域名，也就是下载图片路径的白名单，你的图片路径域名需要在这里配置，才可以！然后就可以保存图片！！！
 

本文欢迎转载，转载请注明出处，谢谢！ 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证书并在后台配置证书，配置小程序服务域名。