Svelte是前端框架界新秀,以小巧、响应式、无virtualDom著称,就像React有对应的SSR框架Next.js一样,Svelte也有自己官方的SSR框架Sapper,也是小巧,灵活。
腾讯云开发(CloudBase,TCB)则是腾讯云提供的Serverless云服务,提供云函数、云存储、静态部署等能力,可以用来快速开发多端应用(小程序,公共号,Web应用,Flutter客户端……),然后还提供不错的免费额度^_^
下面我们来将SvelteSapper部署到CloudBase的云函数上。
开通云开发CloudBase
现在腾讯云控制台开通云开发CloudBase,并创建你的应用
然后新建一个Nodejs的云函数。
安装依赖
请确保你电脑已经安装了Node.js,如果没有请访问nodejs.org来安装。
安装cli
使用npm
npmi-g
cloudbase/cli或者Yarn
yarnglobaladd
cloudbase/cli安装成功后,就可以在命令行输入
cloudbase-v
,为了简化输入,cloudbase可以简写成tcb。例如,
tcb-h
获取帮助。
登录到cloudbase
tcblogin
之后会跳转到浏览器,如图授权界面
创建项目
使用tce命令先拉取上面创建的云函数
tcbinit
交互式的命令
cloudbaseinit?选择关联环境xxx-[xxx-xxx]?请输入项目名称svelte-sapper-tcb?选择模板语言Node?选择云开发模板HelloWorld创建项目svelte-sapper-tcb成功!
然后进入刚才创建的目录
cd/svelte-sapper-tcb
然后在functions(云函数约定)文件夹创建sveltesapper应用
npxdegitsveltejs/sapper-template#rollupfunctions/svelte-sapper
这样sapper应用就创建到
functions/svelte-sapper
目录下面,我们先安装运行:
cd./functions/svelte-sappernpminstallnpmrundev
浏览器中访问