网站无后端开发

网站无后端开发（leancloud）

• 所用编程知识：bootstrap + JS + Github + leancloud

  ​

介绍leancloud

• 一站式后端服务，云引擎，能免费存储数据，不需要建库，数据是用json格式存储，leancloud官网：https://www.leancloud.cn/

• 支持Javascript，Java，Python，PHP，Go，Android等

• 使用文档：https://leancloud.cn/docs/index.html 根据不同的编程语言选择，容易上手

• Demo：https://leancloud.cn/docs/demo.html 这里面有许多leancloud实例，从github上下载下来可以更好的帮助理解

  ​

功能

• 数据存储
• 云引擎 + 数据库
• 即时通信
• 推送通知
• 短信
• 游戏解决方案
• REST API

应用

• 我暂且使用的只有数据存储功能，其他的功能大家可以试着看一下

• 使用leancloud开发工作室网站，，小型网站可以选择开发板的（免费易管理）

• 前端页面放在Github上进行静态管理，数据部分使用第三方数据引擎leancloud存储数据，JS + leancloud实现无后端开发，不懂的地方看文档，看实例

• 之所以选择这种形式的开法，是因为没有买服务器，如果想要买一个服务器端的话，就不需要这样了，当然配置服务器也不简单

• 有一个Valine评论系统，就是基于leancloud开发的。然后感觉用着挺方便的

• leancloud引用特别方便，如果是SDK的话可能会用到Node.js，但平常就是引入一个JS文件

   <script src="https://code.bdstatic.com/npm/[email protected]/dist/browser/lc.min.js"></script>
  

  • 然后需要初始化一下

  	const appId = "gw4laJU022aE9r8F8HgIlkur-gzGzoHsz";
  	const appKey = "FSHBNc10OyrdSgB68dM5CYgm";
  	const serverURL = "https://gw4laju0.lc-cn-n1-shared.com";
  	AV.init({ appId, appKey, serverURL});
  

• 另外leancloud的安全性也比较高，登录、注册等等包含个人信息的操作，都已经写入了安全机制，直接引用他提供的函数或者代码就行，包括退出登录等等

  //登录
    AV.User.login(username, password)
      .then(() => {
        window.location.href = "index.html";				//跳转页面
      })
      .catch(({ error }) => alert(error));
  }
  //注册
    AV.User.signUp({
      username: $("#inputUsername").val(),
      password: $("#inputPassword").val(),
      email: $("inputEmail").val(),
    })
      .then(() => {
        window.location.href = "index.html";
      })
      .catch(({ error }) => alert(error));
  }
  //退出登录
  function logout() {
  	  AV.User.logOut();
  	  window.location.href = "lyear_pages_login.html";
  	}
  	
  	$(function () {
  	  if (LC.User.current()) {
  	    setupData();
  	  } else {
  	    window.location.href = "lyear_pages_login.html";
  	  }
  	});
  

• 创建数据类（class类），可以通过代码创建，也可以手动创建，都很简单，操作方式和navicat差不多，数据类型就是存储图片的时候比较特殊，如果需要存一些比较大的数据，比如图片，文件，等等，需要选择自带的文件存储类型（_File）

• 除此之外就是基本的增删改查，还有就是一些数据的遍历循环，可能写的比较简单吧，后期再更新完善吧

• leancloud不仅有这些基本开发还有许多高级开发，好友关系，即时通信等

  ​

网页部分

• 网页部分比较简单，就是用bootstrap写的静态页面，官网部分包括后台页面部分，bootstrap是前端的一个比较简单的开发框架，官网：https://www.bootcss.com/
• 静态网页可以放在自己的Github进行托管，Github有自己的静态网页托管功能，就是把你上传的前端代码的静态网页展示出来，别人也都能访问，设置这个功能也非常简单，大家可以在CSDN上查一下，但是有一点不那么好，就是访问起来比较慢，尤其是东西比较多，图片多的时候需要加载好久，然后我做的一个优化机制是，利用PicGo + GIthub做了一个图床，就是把本地的图片变成在线的图片，这样会非常提高访问效率，但是效果没有那么好，因为Github是国外的网站，有时候会出现连不上的情况，所以就改变策略找了一个国内的PicGo + vika感觉话不错，我的博客和工作室的网站就是这样弄的。
• 前端网页做的话最好找一个模板对照一下，不同浏览器的兼容问题，还要照顾一下移动端用户，手机访问的时候不能乱，这才是一个合格的网页
• 中间可能会有Github使用的问题，可以看之后写的Git的使用方法