小程序开发流程

记录一下小程序的开发过程，以免自已以后又给忘了
首先是工具
后端：eclipse 编写后台
前端：vsCode 编写前台
以及微信开发者工具
注：微信appid、secret、以及证书需提前准备好

本职是个后端，所以对小程序流程不太熟悉，本次记录近可能把流程初始写仔细
首先是vscode 新建项目
https://www.jianshu.com/p/6f8d74be3ff8
附上教程，语法不在此次博文中

当没有引入ssl证书的时候（eclipse中没有配置时）
在微信开发者工具中直接调试的话无太多要求
url是ip也无所谓且是http打头
如下

Vue.prototype.serverUrl = "http://122.22.22.22:8087"

同时记得勾选

当引入ssl证书后
唯一需要注意的是调用后台接口时的URL配置，首先应该是https，后面的也需要是个域名,ip地址则无法预览真机调试，但是在微信开发者工具中不影响

Vue.prototype.serverUrl = "https://www.baidu.com"

之后打开微信开发者工具进行引入刚刚新建的项目即可

在eclipse除了提供接口之外，还需要进行一些配置，保证小程序可以在手机上调试

1. ssl 证书，我目前使用的是jks的，之前老板发我的是压缩包，其中包括fpx和一个密钥，可以通过转换变成jks SSL证书pfx格式转为jks
2. appid
3. secret

server.port = 443  //默认的不用变
server.ssl.key-store = classpath:www.XXXX.com.jks
server.ssl.key-store-password = 你的密码
server.ssl.key-password = 你的密码

wx.jscode2session.url = https://api.weixin.qq.com/sns/jscode2session?appid={appid}&secret={secret}&js_code={code}&grant_type=authorization_code
wx.appid = 你的小程序id
wx.secret = 你的小程序secret

注意如果要手机预览则需要在微信开发平台上也配置上相同的域名
可以通过微信开发者工具查看

以上操作完整，即可进行手机端的预览