Skip to content

cliclitv/clicli-hybrid-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

clicli-hybrid-app

🍰 A hybrid app powered by apicloud and vue .

some screen shot in APP

截屏1 截屏2 截屏3

how to build

在官网 https://www.apicloud.com 新建账号
新建应用,然后在开发控制台的 模块 功能进行模块添加
分别为:ajpushvideoPlayer,即 极光推送视频播放器
然后编译 自定义 Loader,用于开发调试
安装 自定义 Loader 后,安装到手机上
下载 APICloud Studio, 参考官网 https://www.apicloud.com 相关配置
APICloud StudioLoader APP 连上后

开始进入正题

git clone 本项目
cd clicli-hybrid-app
npm install 

然后在 APICloud Studio 打开本项目
注意:打开 /src 文件夹,不是打开 /clicli-hybrid-app
这样可以避免同步应用到 Loader 上把 node_modules 也同步

引入 babel 是为了兼容部分低版本的手机系统
所以在每次修改 JS 文件时候都需要进行 npm run build 以生成兼容的代码
然后进行 ctrl + i 进行代码同步,在手机上预览

当然,修改 html 结构样式文件就不需要执行 npm run build 还有一种就是在使用版本相对较新的系统时可以直接同步,不需要执行npm run build
只需要修改一下 html 文件引入的 JS 路径为源 JS 文件即可

/src/script/src 下的文件为源文件
/src/script/dist 下的文件为 babel 编译后的文件

do

  • 整体框架结构
  • 番剧播放页
  • 番剧简介页
  • 番剧评论页
  • 番剧推荐页
  • 番剧搜索页
  • 番剧最近更新页
  • UGC页面
  • 个人中心页
  • 登录注册页
  • 1920*1080启动页

add feature

  • 统计番剧浏览量
  • 用户发表评论
  • 查看up主投稿列表
  • 推荐与最新页面滑动切换

try

  • 提示新版本实现更新
  • 消息推送

difference

  • 支持m3u8

……

boom!!!!

更多精彩请访问 https://www.clicli.us

image