URLOS应用开发——helloWorld

本教程学习内容：

  1. 创建应用

  2. 安装运行应用

  3. 扩展变量的使用

创建应用

新建应用

  1. 使用ssh登录安装有URLOS的云主机(URLOS的安装请参考官方教程)，将/data/urlos/master-config/config.jsonc文件的envType的值设置为dev

  2. 打开浏览器登录URLOS，地址：http://云主机IP:9968或者https://云主机IP:9966。

  3. 在左侧菜单中选择应用管理。然后点击右上角的添加应用按钮。然后在表单页面输入应用的基本信息。如下：

image-20200407150510008

基本配置：

  1. 应用名称：hello world
  2. 版本号：0.1.0
  3. 应用别名：{ "cn": "hello world","en": "hello world"}
  4. 镜像：urlos/nginx:1.14.2-alpine-curl-[启动脚本:sh]。
  5. URLOS最低版本号：1.2.4.6
  6. 容器端口：{"80":false, "443":false}
  7. 开发者信息：[{"text": "Nginx","url": "http://nginx.org/"}]
  8. 标签：nginx
  9. 状态：开启
  10. 描述：{"cn": "hello world"}
  1. 选项开关，配置如下：

image-20200407150215720

  1. 反向代理，配置如下：

image-20200407150354202

  1. 应用市场，配置如下：

image-20200407154143397

  1. 扩展设置，配置如下：

image-20200407153438220

插件：official:staticWebsites:v0_1_0 —- Liu Xin —- 网站环境基础插件

服务表单步骤：

  1. {
  2.   "2": {
  3.     "cn": "网站", 
  4.     "en": "Website"
  5.       },
  6.   "F": {
  7.     "cn": "上传下载", 
  8.     "en": "File Transfer"
  9.       },    
  10.   "%": {
  11.     "cn": "Nginx设置",
  12.     "en": "Nginx Set"
  13.   }
  14. }
  1. 脚本设置，配置如下：

image-20200407153646049

  1. 安装脚本：test -d /run/nginx || mkdir -p /run/nginx 。
  2. 启动脚本：nginx
  3. 状态脚本：(ps -ef|grep "nginx"|grep "master process"|grep -v "grep") && statusScriptResult=1 检查nginx
  4. 是否正常运行。
  5. 监控脚本：
  6. {w:statusScript:w}
  7. [ "$statusScriptResult" != 1 ] && exit 1
  8. 监控nginx是否正常运行。
  9. 退出脚本：nginx -s stop 容器退出运行时执行的脚本，这里我们希望容器退出时关闭nginx。

按照上面几步天好信息后，提交保存应用。

为应用添加模板

  1. 在应用管理页面，找到刚才创建的helloWorld应用，点击更多，然后选择模板管理，如下图：

image-20200407181724641

  1. 添加nginx虚拟站点的模板文件

image-20200407181856309

nginx模板配置如下：

image-20200407182143882

image-20200407182157424

配置如下：

  1. 模板标识: nginx-vhost.conf
  3. 软件版本: 1.14.2
  5. 目标替换文件: /etc/nginx/conf.d/vhost.conf
  7. 模板内容: server {
  8.     server_name {w:domains:w};
  9.     {w:listenLines:w}
  10.     root /data/www;
  11.     index index.html index.htm;
  12. }

说明：{w:domains:w}、{w:listenLines:w}这两个变量是URLOS自带的，分别是域名、监听的端口号。

按照上面配置填写后，提交保存。

  1. 添加index.html模板文件

按照刚才的方式，我们再添加一个模板：

image-20200407182905879

image-20200407182934437

配置如下：

  1. 模板标识: index.html
  3. 软件版本: 0.1.0
  5. 目标替换文件: /data/www/index.html
  7. 模板内容: hello world

按照上面配置填写后，提交保存。

这样我门的helloworld应用已经创建完了。

安装运行应用

  1. 在应用管理页面找到hello world应用，点击右边更多按钮，选择创建服务：

image-20200407184026794

  1. 配置如下：

image-20200407184150946

image-20200407184312822

按照上面的配置填写，提交部署。

安装完成后，在浏览器访访问刚才填写的域名：

image-20200408115806271

说明：如果只是测试的话，网站域名随意填写，更改访问终端的hosts文件

扩展变量的使用

本节我们介绍模版的简单使用，我们之前写死的index.html模板内容”hello world”，现在实现可以在创建服务时，填写这个index.html模板内容。

  1. 回到应用管理页面，点击helloWorld应用右边的更多按钮，选择管理模板。

    image-20200408120224123

    image-20200408135149725

    修改模板index.html的内容，将hello world 更改为变量 {w:pageContent:w}，然后保存。

  2. 在模板列表右上角点击管理扩展变量。然后点击添加扩展变量 image-20200408133950455

    配置如下：

    1. 变量名称: pageContent
    2. 标签名称: 网站内容
    3. 输入类型: 多行输入框（Textarea），最大长度为65535位，无索引
    4. 输入提示: 请输入网站内容
    5. 必填警告: 请输入网站内容
    6. 默认值: hello world
    7. 必填: 勾选
    8. 输入步骤: 第2步

    按照上面配置填写后提交。

  3. 在所有服务页面找到刚才创建的helloWorld服务，点击修改并部署，切换到步骤2.网站如下图： image-20200408142026644

    这时发现多出来网站内容的填写项，这个就是我们刚才添加的扩展变量。index.html的内容，就可以在这里填写。

    image-20200408142205372

    切换到步骤1.基本服务，将修改部署方式改为智能部署、强制部署或者暴力部署，然后提交。服务部署完成后，刷新访问地址。

    image-20200408142409572