使用Selector-UI搭建Selector-UI-APP

准备工作

安装 Selector-UI

在 Ponmenty OS 中，我们通过 nty install selector-ui-3 指令安装Selector-UI。
在安装过程中，可能会提示

[nty]PonmentyOS所依赖的安装器证书未正常安装。
installer.okkept.app.app
证书的授予人未授予本计算机的相应证书。

以上错误的发生原因是Selector-UI的证书支持的最新版本是PonmentyOS Client 2020（性能差），而目前我们通常使用Server 2021以上。我们需要修改这个证书以安装。

修改证书

第一步：获得本地相应证书

nty KeyManager -where installer.okkept.app.app -l
[nty]该证书存储于/nty/key/3788.5321.23.1/中
nty dir /nty/key/3788.5321.23.1/
[nty] 0/0 .key
nty editor -get /nty/key/3788.5321.23.1/.key
[nty]该文件被临时保存在/nty/editor/files/S9oV1.key中

第二步：修改证书

nty KeyManager -edit -version
[nty]KeyManager KeyEditor .23
/*注：如果小于19版本则需要使用nty KeyManager -updata*/
nty KeyManager -edit file:/nty/key/3788.5321.23.1/.key -code
[nty]文件内容如下：
ipConfigBase64:....
keyName:3788.5321.23.1
uto:3788.5321.23.1:10
codeMd5Base64:....

第三步：修改安装器

nty KeyManager -edit remote installer.okkept.app.app code:上面的codeMd5Base64

安装Selector-UI-APP

在手机端应用的开发中，我们通常使用Sun Der或者webcat开发手机端响应的selector-ui。
Sun Der的优点是：前后端交互数据安全，开发速度快，拥有网页沙盒（意味也可以用ios中）
webcat的优点是：启动速度快，编辑方便

本文选择Sun Der搭建APP。

nty okkept -install sun-der-selector-ui-app
nty okkept -install sun-der-backend-manager
安装网页沙盒 nty sunder -install webpage-iobox

编辑APP

创建项目

在终端中为Selector-UI创建web服务。

nty server -http://*:8080 /nty/dev/okkept/selector-ui/web/app.webconfig

然后我们可以通过访问http://服务器ip:8080/，然后会出现

Welcome to Selector-UI
欢迎来到 Selector-UI

sun-der-selector-ui-app
sun-der-backend-manager
-APP
 -S
  -sunder
   -sunder.app.app
    -webpage-iobox

访问 http://服务器ip:8080/APP/S/sunder/sunder-app-app/webpage-iobox ，就可以修改iobox的信息了。具体各项解释请百度安卓APP结构。

编辑APP

创建一个主页（index.sunder）

<!DOCTYPE sunder version="html-5.0" javascript="ecma-6" language="zh-cn">
<view id="app">
    <html html="body">
        <div ui-class="w-center h-center" ui-fontsize="20px">
            第一个 Sun Der APP
        </div>
    </html>
</view>
<script type="text/sunder">
screen.setViewTo({
    element:GET['#app'],
    config:{
        'width':PHONE['full-screen'],
        'height':PHONE['full-screen']-PHONE['info-height-all'],
        'view':true,
        'style':APP['selector-ui']
    }
});
</script>

编译并运行

在command中输入

nty sunder -b file:./index.sunder
[nty]Sunder [|||||||||||||||||||||||||||||||||] 100%
[sunder]OK! 0 Error，0 Log

然后直接一条server指令配置上/nty/project/sunder-app/sunder/index.sunder.apk，filedownload:为前缀。
用手机下载之后即可运行。打开后会在屏幕中央显示
第一个 Sun Der APP

使用Selector-UI搭建Selector-UI-APP

准备工作

安装 Selector-UI

修改证书

安装Selector-UI-APP

编辑APP

创建项目

编辑APP

编译并运行

Kysou

三丰云推荐

iOS16新特性:灵动岛适配开发与到家业务场景结合的探索实践

使用 NutUI 搭建「自定义业务风格」的组件库 | 京东云技术团队

cookie 时效无限延长方案

Unity中级客户端开发工程师的进阶之路

云音乐 CMS UI 框架建设思考与实践

Kysou