Giter Site home page Giter Site logo

xiaoshuo-app's Introduction

使用app源码编译自己的 小说APP

后端管理程序使用的是基于discuz x3.3 UTF-8 编码的一个插件,如果打算使用dz和此插件作为后端管理程序,可去 https://doc.xf512.com/read/jamesonread_app.html 查看

当然你也可以根据此处提供的接口文件api.php 自行编写,而无需安装dz和插件,只要确保接口名称和返回的数据格式一致即可

演示app

效果图预览(仅供参考)


本页中图片若看不清,请在图片上右键-在新标签页中打开图片


零:上传接口文件

如果你使用的是本页提供的接口文件,则必须保证已安装dz和相应插件,否则接口文件不可用

解压索取的app源码压缩包,将接口文件夹下的xifeng文件夹,上传到 你安装插件的网站根目录下,然后到后台-插件-小说阅读器-手机版-拉到底部,看是否出现了app相关的选项,如果有,则全部填写,不要留空,如果没有,说明你上传的位置不对

此图是discuz x3.3 上的一个小说插件,也是本app所依赖的后台管理程序

一:准备所需的资源

apicloud studio 软件, 下载地址 http://www.apicloud.com/devtools

下载后,解压到 D 盘 下, 解压后得到一个 APICloud Studio 2 文件夹,双击进入,创建快捷方式

双击此快捷方式即可打开此开发工具,后续步骤将要使用这个软件

注册 apicloud 帐号,必须注册,注册地址 http://www.apicloud.com/signup

二:登录www.apicloud.com网站

登录地址为 http://www.apicloud.com/signin ,用你之前注册的帐号密码登录,登录后 点击 创建应用 按钮

在弹出的对话框中 选择 Native,然后填写app名称(这里的名称只用来在apicloud后台和开发工具软件中显示,并不是app安装后在手机显示的)和介绍

创建后即自动进入了本app的详细设置页面,开始进行如下设置

创建安卓证书

证书信息随意填写

添加使用到的模块,下面是用到的模块名称

smsVerify

fileBrowser

webBrowser

speechRecognizer

FNScanner

audio

UISearchBar

personalCenter

qq

bookReader

fs

点击左侧 模块,然后在右侧再点击模块库,再在搜索框中分别输入如下模块名称搜索,搜索出来了,点击模块的右上角 + 号

复制 id,下面修改config.xml时需要用到

三:打开 apicloud studio 软件,同步源码

双击刚才创建到桌面的快捷方式,打开此软件,提示登录,用你注册的apicloud帐号进行登录

登录后的页面效果,点击标签上的叉号关闭这个页面即可

开始从云端检出你创建的app到本地

步骤1:工具栏--代码管理--代码检出--Apiclud云端应用

步骤2:点击创建的那个app名字

步骤3:选择检出后的项目存到本地电脑的哪个文件夹下

步骤4:输入HEAD然后回车

步骤5:等待检出成功

解压索取的app源码压缩包,在解压后的源码目录中,复制其中 app源码 目录下的全部文件,然后粘贴到你检出后的项目文件夹中

如果你忘记了检出的项目所在文件夹,可在左侧项目名称上右键---在资源管理器中显示,如下图(若看不清,请图片上右键-在新标签页中打开图片)

四:在 apicloud studio 软件中开始修改源码

1 . 打开 config.xml文件,将 <widget id="A6936629589063" 中的id使用上面复制的id替换,如图(图片若看不清,请图片上右键在新标签页中打开图片)

同时要修改本config.xml文件中的qq和smsVerify处的信息

其中qq、smsVerify 字段中,分别是 QQ登录、手机注册发送验证码所需的appkey和seecret,你需要分别去微信开放平台和QQ开放平台以及mob去申请自己的key。

QQ的申请地址

smsVerify的申请地址

2 . 打开index.html文件,将里面的 http://demo.xf512.com/xifeng/ 替换为你的 xifeng 文件夹所在网址,比如 你将接口文件夹 xifeng上传到了 www.abc.com 的根目录下,则这里填写 http://www.abc.com/xifeng/

3 . 打开 book 文件夹下 faxian.html 文件夹, 找到约 70 行左右,将 demo.xf512.com/ 替换为你的网址,将后面的两处 西风工作室 改成你的网站名称,这里的名称将显示在app发现页面,用户点击后就会打开你填写的网址

五:在 apicloud studio 软件中提交代码到apicloud平台

修改完成后按下图所示进行代码提交

步骤1:项目名称上右键 --Git--Git add+commit


然后在方法随便输入文字后按ctrl+s


步骤3:同步代码到apicloud云端,工具栏--代码管理--同步到云端,然后等待提示成功


等待提交完成

六:在 apicloud studio 软件中编译app

这就是最后一步了,提交同步完成后,在软件左侧 项目名称上右键-云编译

点击左侧云编译,右侧填写应用名称、选中android平台、选择正式版,然后点击底部的 云编译 按钮

等待编译结束,然后点击下载你的安装包就可以了

将下载后apk安装包重命名为 版本编号.apk(如 0.9.85.apk),然后上传到你网站上接口文件夹 xifeng目录下,并在插件后台-手机版-APP下载地址 中填写这个apk安装包的网址,这样在app中可以检测新版本

比如这个app编译时的版本 显示为 0·9·84,则将下载后的apk安装包重命名为 0.9.84.apk,然后上传到xifeng文件夹下,并在插件后台-手机版-APP下载地址 中填写这个apk安装包的网站 http://demo.xf512.com/xifeng/0.9.85.apk

xiaoshuo-app's People

Watchers

James Cloos avatar XiaoT avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.