跳到主要内容

AikanProApp

在线视频安装教程

前言准备

安装环境
  • 准备一台Windows系统的终端(没有电脑的,也可以去网上租一台云电脑使用)

  • 安装HBuilderX打包应用,创建dcloud账号并在HBuilderX登录:dcloud官网

  • 解压群主给你的前端源码文件

安装过程

第一步:运行HBuilder并创建项目

提示
  • 创建一个新的uni-app项目,点击文件-新建-项目
  • 项目类型选择uni-app,填写好项目名称后点击创建
  • 创建成功后将前端源码文件粘贴到项目目录下
  • 提示替换或跳过文件我们选择替换目标中的文件即可

第二步:填写相关接口配置信息文件

提示
  • 打开项目目录下的utils/api.js文件,根据提示填写AikanProApi域名、AikanPro后台域名、APPkey信息等等
  • 填写注意事项: 1.填写域名时候必须加http(s)://前缀,以“/”结尾。 2.API站点为第一步搭建的,Star后台为第二步搭建的,H5站点搭建教程在下方 3.APPkey需要在AikanProApi后台→内容配置→应用管理→添加应用,然后会自动生成APPkey 4.填写完毕后记得保存
提示

第三步:进行应用打包基础配置并打包

  • 双击项目目录下的manifest.json文件,弹出应用基础配置信息,进行一些应用的基本信息配置(若初次打包需要重新获取uni-app应用标识)
  • APP模块配置勾选:扫码,相册,Push,Share,VideoPlayer
  • 后台运行能力:audio(自选)
  • 第三方登录 这里有个注意点就是,用的就开,用不上的别开,开了打包肯定报错。QQ微博微信这三个的,都去各自的开发者平台申请appid等信息,每个APP都是不一样的,具体的各自的开发者平台都有教程。
提示

第四步:APP、H5、小程序发行

  • APP发行与打包: 单击发行-原生APP云打包,进行一些基本配置后点击打包即可。

更详细的打包教程可以参考dcloud打包教程

  • H5发行与打包:
  • 双击项目目录下的manifest.json文件,找到web配置
  • 把运行的基础路径改为:/h5/
  • 其他的根据自己需求来配置,然后点击发行-网站
  • 直接点击发行
  • 待h5源码生成后,打包h5源码
  • 准备一个(子)域名作为h5站点,创建一个网站,然后建议配置ssl
  • 进网站目录新建一个名为“h5”的文件夹并进入,上传刚才生成的源码
  • 最后,进入第二部搭建的AikanPro后台,系统设置→全局设置→打开H5调试
  • 然后即可访问H5站点:H5域名+/h5/
  • H5站点也可当作手机版网页端

致此安装结束

帮我安装🔍

技术支持

联系作者😆

技术支持