Ionic微信开发之环境配置的说明

在开发微信版的H5页面时,如果需要正常调用微信公众号的开放接口(测试或者发布情况),根据官方要求需要保证网页域名和后端维护的一致。因此,进行真服测试就显得很有必要。WebStorm提供了实时远程部署的方式,即利用SFTP的方式,当每次修改代码时,自动将代码自动同步到服务器上。这样在微信测试过程中可以成功调用开发接口的功能。

步骤如下:

1、进入WebStorm,选择File—New Project From Existing Files。弹出的对话框中选择Web server is on remote host,files are accessible via FTP/SFTP/FTPS。

Ionic微信开发之环境配置的说明

2、填入项目的名字,以及需要远程调试的项目的本地路径。

Ionic微信开发之环境配置的说明

3、选择现有的远程sftp,或者新建一个sftp(需要后端提供支持)

Ionic微信开发之环境配置的说明

4、类型选择SFTP,并填入远程地址,端口号,以及存放的路径。最后填写FTP的用户名和密码,并点击Save Password保存密码。

Ionic微信开发之环境配置的说明

5、为了保证每次修改代码都能自动上传,请确认Preferences设置中的Deployment/Options下的Upload changed files automatically to the default server勾选为Always

Ionic微信开发之环境配置的说明

6、上述勾选的文字明确表述了,会自动上传到默认服务器,因此需要确保选择了一个默认服务器。点击Deployment,选中一个服务器配置,并点击绿色小勾设定它成为默认服务器。完成后点击Apply应用。

Ionic微信开发之环境配置的说明

7、配置成功的标志是:每次修改代码保存后,可以看到文件传输控制台的上传日志

Ionic微信开发之环境配置的说明

现在可以尽情的享受真实环境下的微信公众账号二次开发了!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


网页授权获取用户信息的方法
报错config:invalid signature的解决方案
微信开发百思不得姐实战教程
详解微信开发input输入框
教你libco是如何支撑巨大数据信息量的
微信二次开发之文本消息请求与发送
微信开发H5轻游戏
scroll-view完成列表页的方法详解
Java微信开发之自定义菜单的创建
微信开发之input控件的实例详解
微信开发Emoji表情的实例教程
微信开发中详解textarea的使用方法
微信开发中使元素占满全屏的方法介绍
微信开发之数据访问的方法详解
微信二次开发之各类型消息封装
微信开发之数据库操作
如何获取微信好友的地理位置信息
分享3款微信开发开源框架
微信开发之获取服务器IP
微信开发之公交换乘功能代码详解