用MUI花两天时间快速开发『One·一个』App，兼容Android、iOS双平台

『One·一个』App

• 线上开源地址
• App下载地址
• MUI在线文档

以下所有 API 均由产品公司自身提供，本人皆从网络获取。获取与共享之行为或有侵犯产品权益的嫌疑。若被告知需停止共享与使用，本人会及时删除此页面与整个项目。请您暸解相关情况，并遵守产品协议。

低仿 「ONE · 一个」 的App

前段时间由于业务需要快速开发App，所以上手了MUI，试着写了一个小项目作为练手，分享给大家,能力有限，大家多包涵。虽然现在还是以ReactNative为主，但是MUI应付一些小应用还是很方便的，话不多说，先上图。

项目介绍

使用HBuilder作为开发打包工具，基于MUI框架开发，能同时运行在Android、iOS环境下。
实现了「ONE·一个」绝大部分的功能点，涵盖了图文、阅读、音乐、电影四大版块。
- 开屏引导图
- 用MUI内部组件实现上拉刷新，下拉加载
- 阅读模块
- 获取最新 readinglist Api
- 阅读详细信息 Api
- 影视模块
- 获取最新 movielist Api
- 影视详细信息
- 音乐
- 获取最新 musiclist Api
- 音乐详细信息 Api
- 音乐地址 Api
- 图文
- 获取最新图文 Api
- 关于
- 调用Android保存图片

项目运行

    # 克隆项目
    git clone https://github.com/lishuaixingNewBee/ONE.git
    # 下载 HBuilder
    # 下载地址: http://www.dcloud.io/
    # 把项目用HBuilder打开，选择真机调试就可以看到了

 ```

# 阅读
## 获取最新 readinglist

url：`http://v3.wufazhuce.com:8000/api/channel/reading/more/0?channel=wdj&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android`

json 示例：

{
“res”: 0,
“data”: [{
“id”: “12808”,
“category”: “1”,
“display_category”: 6,
“item_id”: “2696”,
“title”: “没有赏味期限，只有来日方长”,
“forward”: “爱一个人的时候，才会学会理解和包容。愿意为对方削去身上的棱角，然后打磨成圆。”,
“img_url”: “http:\/\/image.wufazhuce.com\/Fo59plBlnS9WkK9dkR-y6IkOAMN-“,
“like_count”: 5399,
“post_date”: “2017-07-31 06:00:00”,
“last_update_date”: “2017-07-30 17:24:15”,
“author”: {
“user_id”: “8203444”,
“user_name”: “周源远”,
“desc”: “知名作家、GQ China创意总监。曾出版《我就乐意这样寂寞了》、《住在岛上》。新书《就像星星被浪费在夜空里》正在预售。”,
“wb_name”: “@源远”,
“is_settled”: “0”,
“settled_type”: “0”,
“summary”: “知名作家、GQ China创意总监。”,
“fans_total”: “617”,
“web_url”: “http:\/\/image.wufazhuce.com\/FqN0qOUuwzBp95IV_VQf1O91cFaW”
},
“video_url”: “”,
“audio_url”: “”,
“audio_platform”: 2,
“start_video”: “”,
“has_reading”: 0,
“volume”: 0,
“pic_info”: “”,
“words_info”: “”,
“subtitle”: “”,
“number”: 0,
“serial_id”: 0,
“serial_list”: [],
“movie_story_id”: 0,
“ad_id”: 0,
“ad_type”: 0,
“ad_pvurl”: “”,
“ad_linkurl”: “”,
“ad_makettime”: “”,
“ad_closetime”: “”,
“ad_share_cnt”: “”,
“ad_pvurl_vendor”: “”,
“content_id”: “2696”,
“content_type”: “1”,
“content_bgcolor”: “#FFFFFF”,
“share_url”: “http:\/\/m.wufazhuce.com\/article\/2696”,
“share_info”: {
“url”: “http:\/\/m.wufazhuce.com\/article\/2696”,
“image”: “http:\/\/image.wufazhuce.com\/Fo59plBlnS9WkK9dkR-y6IkOAMN-“,
“title”: “没有赏味期限，只有来日方长 作者\/周源远”,
“content”: “世界上最高的山，是永远登不到顶峰的你的心。”
},
“share_list”: {
“wx”: {
“title”: “STORY | 没有赏味期限，只有来日方长”,
“desc”: “文\/周源远 世界上最高的山，是永远登不到顶峰的你的心。”,
“link”: “http:\/\/m.wufazhuce.com\/article\/2696?channel=singlemessage”,
“imgUrl”: “http:\/\/image.wufazhuce.com\/ONE_logo_120_square.png”,
“audio”: “”
},
“wx_timeline”: {
“title”: “STORY | 没有赏味期限，只有来日方长”,
“desc”: “文\/周源远 世界上最高的山，是永远登不到顶峰的你的心。”,
“link”: “http:\/\/m.wufazhuce.com\/article\/2696?channel=timeline”,
“imgUrl”: “http:\/\/image.wufazhuce.com\/ONE_logo_120_square.png”,
“audio”: “”
},
“weibo”: {
“title”: “ONE一个《STORY | 没有赏味期限，只有来日方长》 文\/周源远： 世界上最高的山，是永远登不到顶峰的你的心。 阅读全文：http:\/\/m.wufazhuce.com\/article\/2696?channel=weibo 下载ONE一个APP:http:\/\/weibo.com\/p\/100404157874”,
“desc”: “”,
“link”: “http:\/\/m.wufazhuce.com\/article\/2696?channel=weibo”,
“imgUrl”: “”,
“audio”: “”
},
“qq”: {
“title”: “没有赏味期限，只有来日方长”,
“desc”: “世界上最高的山，是永远登不到顶峰的你的心。”,
“link”: “http:\/\/m.wufazhuce.com\/article\/2696?channel=qq”,
“imgUrl”: “http:\/\/image.wufazhuce.com\/ONE_logo_120_square.png”,
“audio”: “”
}
},
“tag_list”: [{
“id”: “27”,
“title”: “STORY”
}]
}]
}

json 解析：

`data` 是一个数组，size是10，也就是每次只返回十条数据,当我们想获取更多数据就需要把最后数组最后一条的id传递过去。
如：

http://v3.wufazhuce.com:8000/api/channel/reading/more/+{id}+?channel=wdj&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android

- 阅读：我们需要使用该 json 字段中的 `item_id` 获取该阅读的[详细信息](#reading_detail)

## 阅读详细信息

内容信息 url：`http://v3.wufazhuce.com:8000/api/essay/ + item_id + ?channel=wdj&source=channel_reading&source_id=9264&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android`

示例：`http://v3.wufazhuce.com:8000/api/essay/2668?channel=wdj&source=channel_reading&source_id=9264&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android`

json 示例：

{
“res”: 0,
“data”: {
“content_id”: “2668”,
“hp_title”: “我们都低估了人生的漫长”,
“sub_title”: “”,
“hp_author”: “韩松落”,
“auth_it”: “专栏作家。华语电影传媒大奖、华语优质电影大奖评委，《GQ》中文版2012年“年度专栏作家”。微信公众号：韩松落见好”,
“hp_author_introduce”: “责任编辑：金子棋”,
“hp_content”: “\n

改编亦舒小说，是件不讨好的事，目前看到的根据亦舒小说改编的影视剧，从《喜宝》《朝花夕拾》《流金岁月》《珍珠》到现在的《我的前半生》，都和亦舒小说的气质相去甚远，这大概也是亦舒很少授权影视改编的原因吧，她自己也知道，她的故事好就好在一股气韵，那股气韵，很难变成视觉的东西。<\/p>\n

《我的前半生》尤其如此，原著的故事比较平淡，尽管也有出轨、外遇、逆袭这样的情节，但亦舒都是用一种绵密的、带点自嘲的语气去写，尽可能多地消除了其中的狗血元素，但要改编成电视剧，还非得狗血不可，不然没有话题度。所以，原著和电视剧，在气质上差别也很大。<\/p>\n

不过，《我的前半生》的原著和电视剧，核心的部分没有变，它们其实都在讨论一个非常迫切的主题：我们都低估了人生的漫长，我们并没有为人生的漫长做好准备。<\/p>\n

人们常说，人生太短，是啊，人一辈子的那百八十年，放到宇宙的历史里，连一瞬间都算不上，所以，奇幻小说里，常常要夸大人的寿命，主人公的寿命，动不动就几万年，为的是满足人们长寿的愿望。但有时候，人生又太长了，尽管也就七八十年，却已经足够经历许许多多的事件，这些事件，会给人生带来非常大的变化，这些变化，是人们始料未及的。<\/p>\n

例如，我们都以为，青春会持续很久，和青春有关的热情、生机勃勃、好奇心，以及对事物的新鲜感会持续很久，但事实上，青春很快就过去了，每个人都要用之后的五六十年，去面对感受力消失，毫无新鲜感的生活。<\/p>\n

例如，我们都以为，爱情可以保持很长时间，足够让两个人白头偕老，但事实上，科研结果表明，人的所谓真爱，只能持续三年ÿ