weex服务项目搭建
来源:互联网 发布:淘宝退差价怎么弄 编辑:程序博客网 时间:2024/05/03 21:41
[转载]weex服务项目搭建
原文: http://blog.csdn.net/dfskhgalshgkajghljgh/article/details/52776277
// 这篇文章讲解了weex-toolkit的使用. 也体现出了weex类似热更新的优点.
1. 前言
前面介绍了app本地调用js的方式(js文件放在assert目录下面),其实大部分都是调用远程js,本篇介绍app如何调用远程js文件。
2.服务项目搭建步骤
前提需要安装好weex环境,具体参见前面文章:环境搭建地址
接下来讲解如何使用weex-toolkit构建项目:
1)创建项目:
命令行到任意文件夹,输入如下指令
- 1
- 1
执行指令后,会看到如图所示的信息:
此时你会在你的文件夹下面看到如下所示的目录结构:
2)安装npm依赖 //这个过程会非常慢.
命令行下面继续输入如下指令
- 1
- 2
- 1
- 2
3)启动serve
我们首先看一下package.json下的指令
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
执行,如下指令:
- 1
- 1
- 1
- 1
成功后,日志如下图所示
我们在浏览器中输入localhost:8080查看效果吧。
很明显,在浏览器中正确展示了,但是最终要在手机中展现。
3.app中远程调用该js
调用代码改成如下所示
- 1
- 1
运行app程序,界面如下图所示:
接下来就是要体验动态改变的功能了,很简单,改变服务项目中的.we文件
执行如下指令:
- 1
- 1
- 1
- 1
成功后,在打开app,你会发现如图所示:
是不是很强,类似动态部署。
0 0
- weex服务项目搭建
- weex服务项目搭建
- weex服务项目搭建
- weex sdk集成到Android工程三. weex服务项目搭建
- soa-面向服务项目搭建
- weex环境搭建
- weex开发环境搭建
- weex的环境搭建
- 搭建weex开发环境
- weex环境搭建
- weex 开发环境搭建
- Weex入门学习---环境搭建
- Weex开源测试之环境搭建,weex未来展望。
- weex学习笔记-1.weex环境搭建
- weex开发实战(1)-weex开发环境搭建
- Weex
- weex
- WEEX
- 运行vs时会出现的一些小错误(不断更新,小白专用)
- 小e开发板音频模式下的处理流程(i2s和slc和补充MES_FILE_TRANSFERS消息类型等)
- VanlOS 10 RedWhale 2016.1216 全容器化部署
- Oracle行列转换的简单实现
- C#中删除某个节点会留下一个空节点,这样删除就干净了
- weex服务项目搭建
- Android简易录音机
- NOIP2016 游记
- Connection实例是线程安全的吗
- 使用python进行收据搜集示例之different_format_data_processing
- 安卓开发——报错:Resources$NotFoundException: String resource ID #0x2fc
- 提高实验_递归——从递推到递归(待填坑)
- Weex优雅的“降级”到 HTML5
- Android基础控件——ViewPager实现带有动画的引导页