网页与手机端开发
API接口文档
网页端采用Vue开发,如您是Vue老手,可不用理会本文档,对一般开发者推荐的环境搭建方案如下(Windows开发环境):
1、请先在本地安装完整的优米云盘服务器端(假设其安装位置是d:\yomiserver)
2、修改d:\yomiserver\Apache24\conf\httpd.conf文件,在最结尾增加下面两行:
ProxyPass /webapp http://127.0.0.1:8436/webapp Keepalive=On ProxyPassReverse /webapp http://127.0.0.1:8436/webapp
然后用优米服务器工具卸载再启用服务,这时优米服务的网页端将会直接调用下面几步配置的开发环境,在正式环境下,请删除或注释这两行
3、在Node.js官网下载Node.js并安装(建议使用LTS版本)
4、在CMD命令行下分别运行:npm install webpack -g,npm install webpack-dev-server -g,以安装一些必须依赖
5、解压我们提供的webapp开源代码,在CMD命令行下进入webapp文件夹,然后运行:npm run dev,第一次运行此命令时将自动下载很多依赖项,等过一会儿,出现:
Your application is running here: http://localhost:8436,表示开发环境已搭建完毕,您只需访问http://127.0.0.1:188/webapp即可访问开发环境的网页端(注意:不要访问http://localhost:8436,因为我们做了反向代理)
6、源代码在webapp/src目录,建议使用IDE修改源码,免费的IDE建议使用HBuilder,修改代码后网页端将立即能看到修改效果
7、如果要打包,请使用命令:npm run build,这时将在dist目录下产生index.html文件与static目录,index.html文件里要把config.js的链接改成:src=/static/js/config.js,然后请在该目录下新建webapp目录,再把index.html文件移入该目录,然后删除d:\yomiserver\apache24\htdocs\public目录下的webapp目录与static目录,再把dist目录下的两个同名文件夹移过去,即实现了生产环境的部署(注意要修改httpd.conf文件,删除或注释之前添加的两行并重启服务)
8、在static/js目录下有一个配置文件,config.js,在static/img目录下有一些图片文件,可根据需要修改