微信公众号开发JAVA后端VUE前端NGINX服务器配置另高德地图精度GIS配置流程

1.微信开发需管理员指定开发运营者

2.登录微信公众平台
左侧栏目：设置与开发－〉基本配置：
开发者ID(AppID)
开发者密码(AppSecret)

注：查询密钥只能找管理员

3.后端接口访问
后端以JAVA为例
前端以VUE为例
配上appid与appsecret
前端好像还没统一，后端一般配在yml文件里

4.如果地址是域名，需到相应服务商后台进行绑定

5.服务器以NGINX为例，将前端指向的后端接口进行（域名）映射
注：前端路由指定后端接口，如果前后分离部署，可能是两个项目，需分别配上（微信前端）的后端接口地址，（后端前端）的后端接口地址
    location / {
            root /www/wwwroot/微信端网站域名;
            try_files $uri $uri/ /index.html last;
    }
    location ~/(api/|upload/file/|druid/){
            proxy_pass http://localhost:端口号;
    }
    #################################另一个NGINX
    location / {
            root /www/wwwroot/PC端网站域名;
            try_files $uri $uri/ /index.html last;
    }
    location ~/(api/|upload/file/|druid/){
            proxy_pass http://localhost:端口号;
    }

6.如果应用需以HTTPS形式安全访问，则网站要提供SSL证书

7.其它应用如高德GIS，配置到NGINX中
 # 自定义地图服务代理
        location /_AMapService/v4/map/styles {
            set $args "$args&jscode=高德开发账号";
            proxy_pass https://webapi.amap.com/v4/map/styles;
        }
        # 海外地图服务代理
        location /_AMapService/v3/vectormap {
            set $args "$args&jscode=高德开发账号";
            proxy_pass https://fmap01.amap.com/v3/vectormap;
        }
        # Web服务API 代理
        location /_AMapService/ {
            set $args "$args&jscode=高德开发账号";
            proxy_pass https://restapi.amap.com/;
        }