weex:仿知乎日报源码(Android+iOS)

[复制链接]
来自: ceshishangchuan 分类: Android精品源码 上传时间: 2018-3-23 10:47:17
Tag:

项目介绍:

一、 构建工具

使用weexpack构建 weex 项目十分方便

weexpack 命令介绍 weexpack 所提供的命令大致可分为三组,分别是:

打包命令 weexpack create — 创建 weex 工程项目。 weexpack platform add/remove — 安装/移除 weex 应用模版,默认模版支持 weex bundle 调试和插件机制。 weexpack platform list — 查看已安装的平台模版及版本。 weexpack platform run - 打包应用并安装到设备运行。
插件使用者命令 weexpack plugin add/remove — 安装/移除 weex 插件。
插件开发者命令 weexpack plugin create - 生成weex插件模版,主要是配置文件和必需的目录。 weexpack plugin publish - 发布插件到weex插件市场。

warning使用weexpack构建的项目要注意一点:

在Android 机器上不支持 ES6语法,虽然项目构建的时候已经集成了 bable 的 NPM包来将ES6转换成ES5的语法。但是还需要在项目的根目录手动添加.babelrc文件,文件里的具体代码如下:

{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-runtime"],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["istanbul"]
}
}
}

question为什么没有用weex-toolkit
weex-toolkit 初始化的项目是针对开发单个 Weex 页面而设计的,也就是说这样的项目只包括单个页面开发需要的东西,比如前端页面源文件、webpack 配置、npm 脚本等。项目产生的输出就是一个 JS Bundle 文件,可以自由的进行部署。 weex-pack 是初始化一个完整的 App 工程,包括 Android 和 iOS 的整个 App 起步,前端页面只是其中的一部分。这样的项目最终产出是一个 Android App 和一个 iOS App。
如果你不用weexpack来打包的话,weex-toolkit可以替代weexpack来构建应用。weex-toolkit集成对weexpack的命令调用支持,你可以使用weex-toolkit命令来实现weexpack具备的功能。

只写了一个雏形,本来准备把详情页面也写一下的,发现详情接口的网页数据是 json 格式返回的 HTML 源码,而 weex 封装的 web 组件并没有暴露Native的loadHTMLAPI,就没写了。 源码:https://github.com/yuan-gao/zhihuDaily-Weex

//安装依赖
npm installl

//运行 iOS
weex run ios

//运行 Android
weex run android

Web 端因为 js 跨域问题,run 的时候应该看不到效果。

相关源码推荐:

我来说两句
所有评论(110)
萧若寒Ice 2018-3-23 10:52:30
学习下.....
回复
一人无 2018-3-23 10:53:50
支持楼主,支持安卓巴士!
回复
chaoyue 2018-3-23 11:03:20
安卓巴士是个不错的网站,我来顶个贴~
回复
这是个逗比 2018-3-23 11:23:56
帮帮顶顶!!
回复
kk041kk 2018-3-23 11:25:16
感谢大神~
回复
遗失的流年 2018-3-23 11:39:07
感觉楼主很用心,辛苦啦~
回复
apkbus热心网友 2018-3-23 13:41:27
正需要啊,感谢楼主无私分享!
回复
提取码:  下载次数:34 状态:已购或VIP 售价:15(原价:15)金钱 下载权限:初级码农 
4376 2 34
代码贡献英雄榜
用户名 下载数
联系我们
首页/微信公众账号投稿
帖子代码编辑/版权问题
QQ:435399051,1294855032
如何获得代码达人称号?
如何成为签约作者?
领先的中文移动开发者社区
18620764416
7*24全天服务
意见反馈:1294855032@qq.com

扫一扫关注我们

Powered by Discuz! X3.2© 2001-2019 Comsenz Inc.( 粤ICP备15117877号 )