vue框架项目部署到服务器_在浏览器中在线尝试无服务器框架项目！

系统管理员 2023-02-25 07:01 13阅读 0赞

vue框架项目部署到服务器

[无服务器框架][Link 1]是无服务器工具的一致领导者。 但是，没有简单的方法可以在线试用无服务器框架项目。 您确实需要一个体面的开发人员设置，并且需要一些工作来设置`sls` ， `npm`等。

确切地说，您*确实做到了* –直到现在。

## 无服务器项目–在您的浏览器中？ ##

**西格玛** \- [无服务器应用程序开发*的*基于云的IDE][IDE] \-现在可以打开，编辑和部署无服务器项目，在线-所有在您的浏览器！

![format_png][]

无需安装，无需配置（嗯，老实说： [很少][Link 2] ）可以配置，也无需担心！

1.  启动Sigma。
2.  在“ [**项目”**页面上][Link 3] ，您将在底部看到一个新的**导入无服务器框架项目**选项。  
    ![format_png 1][]
3.  输入您的`serverless.yml`文件（或项目根目录）的路径。
4.  不用说：单击那个霹雳！

## 在线无服务器项目： ##

在内部，Sigma转换您的无服务器模板并将其作为Sigma项目打开。 从此以后，您可以在无服务器项目中享受所有Sigma优惠； 添加依赖项，拖放编码，一键式部署， [亚秒级测试][Link 4]等！

我们仍在努力改善对各种`serverless.yml`变体的支持，但是许多通用变体都可以正常工作。

顺便说一句，要注意的一件事是：尽管我们从无服务器格式（ `serverless.yml` ） *导入* ，但我们还没有以该格式*保存*内容。 因此，如果您导入一个项目，进行一些更改并保存，则所有内容将以Sigma的内部格式保存。

（您可以并且可能*应该*始终选择其他存储库来保存您的项目，以防止原始的无服务器框架存储库陷入混乱。）

## Sigma无服务器：遗失的部分 ##

嗯，与任何新功能一样，通常的免责声明也适用–这是高度试验性的，可能无法加载大部分（如果不是全部）项目； 它可能会使您的IDE崩溃，杀死您的猫，等等。

而且，最重要的是，我们仍然需要：

*  根据选项（ `${opt:...}` ）和外部环境变量为外部参数提供支持； 当前，我们使用默认值（如果有）
 *  为[插件工作][Link 5]
 *  添加对大量选项的支持，例如[API网关授权者][API]和Sigma当前不支持的各种触发器类型
 *  做一些我们在[`custom`字段中][custom]发现的事情

## 这意味着什么–对您来说 ##

我们认为这对人们来说是一个很好的机会，可以快速“现成”尝试无服务器应用程序和项目，而无需在自己的系统上实际安装任何东西。

对于Sigma用户而言，这也是个好消息。 因为它实际上“爆炸了”您可以在Sigma上试用的样本数量！

## 但是，等等–还有更多！ ##

同时，我们（ *不得不进行了*更正）引入了其他一些不错的改进：

### 对实用程序文件的更多控制 ###

现在，您可以在项目根目录中找到关键实用程序文件（ `package.json` ， `.gitignore` ， `README.md`等）。 之前它们是由Sigma内部管理的–隐藏在您的视线之外……但是现在您可以添加自己的NPM配置，依赖项，脚本等。 在Sigma中编写您的自述文件； 以及更多！ 通过Sigma内置的*Dependency Manager*添加的所有依赖项都将自动添加到`package.json`使您`package.json` 。

### Sigma项目的自定义资源！ ###

您可以将自定义资源定义添加到您的项目中！ 以前，这仅限于IAM角色声明（使用很酷的*Permission Manager* ），但是现在您可以添加任何您喜欢的内容。 EC2实例，CloudFront发行版，IoT物联网，AppSync ...您可以在[CloudFormation中][CloudFormation]定义的任何内容（或GCP的[Deployment Manager语法][Deployment Manager] ）。

![format_png 2][]

我们确实也希望引入[Terraform][]支持，尽管ETA尚不存在……要做的事情很多，只有很少的人！

## 接下来的是… ##

我们确实希望不久就能支持Sigma中的其他项目格式，例如[SAM][]和[原始CloudFormation][CloudFormation] 。 因此，一如既往，请[继续关注][Link 6] ； 而且，更重要的是， [大声喊出][Link 7] *您*希望在下一个Sigma版本中看到的内容！

> 翻译自: [https://www.javacodegeeks.com/2019/07/serverless-framework-projects-online-browser.html][https_www.javacodegeeks.com_2019_07_serverless-framework-projects-online-browser.html]

vue框架项目部署到服务器

[Link 1]: https://serverless.com/framework/
[IDE]: https://slappforge.com/sigma?utm_source=medium&utm_medium=blog&utm_campaign=landing
[format_png]: /images/20230209/d1d8e1ed2cc64b75af64d8210b864e4d.png
[Link 2]: https://slappforge.com/docs/sigma/getting_started.html
[Link 3]: https://sigma.slappforge.com/#/project
[format_png 1]: /images/20230209/ceafee4901a64eaeba8ad5c2f77ce1a5.png
[Link 4]: https://hackernoon.com/how-we-streamlined-serverless-testing-8f5e0bbdc7e5
[Link 5]: https://serverless.com/plugins/
[API]: https://www.alexdebrie.com/posts/lambda-custom-authorizers/
[custom]: https://serverless.com/framework/docs/providers/aws/guide/serverless.yml/
[CloudFormation]: https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/
[Deployment Manager]: https://cloud.google.com/deployment-manager/docs/configuration/syntax-reference
[format_png 2]: /images/20230209/f44ebfe32efc49b09205f2c17ee80f44.png
[Terraform]: https://www.terraform.io/
[SAM]: https://github.com/awslabs/serverless-application-model/blob/master/versions/2016-10-31.md
[Link 6]: https://slappforge.com/blog/?utm_source=medium&utm_medium=blog&utm_campaign=landing
[Link 7]: https://launchpass.com/slappforge
[https_www.javacodegeeks.com_2019_07_serverless-framework-projects-online-browser.html]: https://www.javacodegeeks.com/2019/07/serverless-framework-projects-online-browser.html