Ionic微信开发之环境配置的示例分析-创新互联

这篇文章将为大家详细讲解有关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微信开发之环境配置的示例分析

关于“Ionic微信开发之环境配置的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享文章:Ionic微信开发之环境配置的示例分析-创新互联
标题链接:http://myzitong.com/article/ddiiij.html