使用leancloud托管静态网站

x868086

leancloud是什么?

leancloud官网
大部分的产品都是数据驱动的,它们有一个最大的特点,就是对后端的需求在模式上其实是比较统一的:
1.前端负责数据展现和用户交互处理,与后端的 app server 通过网络来交换需要的数据
2.app server 负责业务逻辑处理,生成核心数据存储到 data server,或者聚合 data server 查询到的数据返回给客户端
3.data server 负责核心数据的存储和备份
这样的模式适合互联网上绝大部分产品,虽然数据结构有差异、业务逻辑不一样,但是前后端交互的主体「数据」,抽象来看是一致的,后端的架构(譬如 LAMP)也是大同小异的,而且同样的系统在一遍一遍地被重复开发,极大浪费了我们宝贵的技术资源。
leancloud将这种常见的MVC架构的M、C模块做了抽象和统一,使用leancloud免去了从头构建M、C模块的过程,同时减少了维护数据库、服务器的需求,提升了开发效率。

使用leancloud托管静态网站

【1】官网注册帐号,并登录,点击访问控制台按钮进入后台管理界面
【2】在控制台界面创建应用,点击应用--创建新应用(选择开发版)。每个应用都有独立的存储、云引擎(后端逻辑)、消息推送、分析功能。云引擎还包含有云函数和hook函数子模块。云引擎(LeanEngine)是 LeanCloud 推出的服务端托管平台。提供了多种运行环境(Node.js, Python 等)来运行服务端程序。只需要提供服务端的业务逻辑(网站或云函数等),而服务端的多实例负载均衡,不中断服务的平滑升级等都由云引擎提供支持。云函数详细解释

clipboard.png
【3】对创建的应用进行设置
点击右上角图标

clipboard.png
其他选项可暂时忽略,仅设置二级域名

clipboard.png

【4】安装leancloud云引擎命令行工具
命令行工具是用来管理和部署云引擎项目的工具。它不仅可以部署、发布和回滚云引擎代码,对同一个云引擎项目做多应用管理,还能查看云引擎日志,批量将文件上传到 LeanCloud 云端。
安装流程
安装完成后,在命令行终端执行lean help

clipboard.png

先新建一个项目目录,进入该目录执行:
lean login输入注册的帐号和密码登录
lean init 初始化项目目录,按提示选择APP,这里选择上面创建的app

clipboard.png

然后选择应用的编程语言,这里选择5,Others,然后选择Static Site部署静态网站

clipboard.png

项目模板会从leancloud下载到新建的项目目录中

clipboard.png

plublic目录就是展示的静态网站html,css,js文件存放的目录。
执行
npm install 命令,安装该模板应用下的依赖
lean up 打开浏览器,输入命令行提示的网址调试预览

【5】将自己写的静态网站(html,css,js,等其他文件)放到public目录,注意入口页面的名称必须是index.html,同时注意页面中引入css,js的相对路径要正确设置。再次执行lean up调试预览页面是否正常加载。
【6】执行lean deploy命令,将本地目录部署到leancloud,这个过程在云端会通过npm install 安装项目运行必须的依赖,偶尔会出现npm install在云端执行超时的情况,这时候耐心等一会,然后重试。

clipboard.png

【7】页面发布成功后,通过步骤【3】设置的域名可直接访问。

阅读 3.4k

前端开发
html,css,dom,jquery,vue,nodejs
83 声望
1 粉丝
0 条评论
83 声望
1 粉丝
宣传栏