sofe - GitLite

KO | EN

gitlite — search

#javascript #react #ai #android #machine-learning #rust #docker #macos #windows #awesome #vue #mcp #ios #open-source

sofe

(★ 138)

Service Oriented Front-end

파일 탐색기

최종 버전 다운로드 (.zip)

- motivation.md
- sofe-api.md
- - config.js
  - index.html
  - main.js
  - package.json
- - auth.js
  - local.js
  - manifest.json
  - test.js
- - config.js.bak
  - index.html
  - jspm.config.js
  - main.js
  - package.json
- examples.md
- index.html
- blank.js
- hooks.js
- manifest.js
- middleware.js
- registries.js
- sofe.js
- utils.js
- - chained-circular.json
  - chained-deep.json
  - chained-manifest-to-malformed.json
  - chained-valid-manifest.json
  - chained-with-overrides.json
  - malformed.json
  - nosofe.json
  - simple.json
  - sofe-but-no-manifest.json
  - sofe-but-string-manifest.json
- - deepDependency.js
  - simple1.js
  - simple2.js
  - simpleDependency.js
- helper.test.js
- localStorage.test.js
- middleware.test.js
- registry.test.js
- remote.test.js
- sofe.test.js
- static.test.js
.babelrc
.gitignore
.travis.yml
build.js
karma.conf.js
LICENSE
package-lock.json
package.json
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/CanopyTax/sofe

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd sofe

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

jspm install npm:sofe

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Project status

**Sofe is a plugin for systemjs@0.21, but the latest version of systemjs is >3. The
[new versions of systemjs](https://github.com/systemjs/systemjs) have the equivalent of sofe
built into systemjs itself, via [import maps](https://github.com/WICG/import-maps).
Because of this, we encourage that you use systemjs@>=3 + import maps, instead of using
systemjs@0.21 + sofe. See
[this file](https://gitlab.com/TheMcMurder/single-spa-portal-example/blob/master/src/index.html#L10) for
an example of what the new alternative looks like. For the equivalent of sofe's local storage overrides, check
out [import-map-overrides](https://github.com/joeldenning/import-map-overrides/).**

# sofe
Service Oriented Front-end - Sofe is a [SystemJS](https://github.com/systemjs/systemjs) plugin that resolves a module name to a fully qualified url at runtime.

[![npm version](https://img.shields.io/npm/v/sofe.svg?style=flat-square)](https://www.npmjs.org/package/sofe)
[![Build Status](https://img.shields.io/travis/CanopyTax/sofe.svg?style=flat-square)](https://travis-ci.org/CanopyTax/sofe)
[![Code Coverage](https://img.shields.io/codecov/c/github/CanopyTax/sofe.svg?style=flat-square)](https://codecov.io/github/CanopyTax/sofe)

Sofe allows developers to avoid building monolothic front-end web applications and instead build software on top of micro-services. Sofe is a JavaScript library that enables independently deployable JavaScript services to be retrieved at run-time in the browser.

More on the [motivation for SOA in the browser](docs/motivation.md)

### Getting Started
1. [Setup SystemJS and JSPM](http://jspm.io/docs/getting-started.html)
2. Configure SystemJS to use the sofe plugin:

```bash
  jspm install npm:sofe
  ```
3. Load sofe services:

```javascript
  System.import('sofe-hello-world!sofe')
    .then(hello => hello())
  // Sofe is properly setup if the browser alerts a hello world.
  // You have successfully loaded the hello-world sofe service.
  ```
  By default, any npm package with a UMD build can be a sofe service. Simply load the service by the package name:

```javascript
  System.import('backbone!sofe')
    .then(Backbone => new Backbone.View({}));
  ```

### Create your own service
By default, all npm packages are loaded through npm ([unpkg](https://unpkg.com)). While this is convenient, it isn't always
what you want to do for your own services. You can provide a custom location for where your service distributable is located
by adding a `sofe` property to your package.json:
```javascript
{
  "name": "my-service",
  "version": "1.0.0",
  "sofe": {
    "url": "https://cdn.some-location.com/my-service-1.0.0.js"
  }
}
```
Republish a new sofe URL to npm whenever you want to update the location of your service distributable.

### Services in production
Create your own private service by telling sofe how to resolve your service name. Add to your systemjs configuration a manifest
option to a sofe property or auto-discover services by loading a remote manifest of available services:
```javascript
System.config({
  sofe: {
    manifest: {
      "someInternalService": "http://somelocation.com/service-1.0.0.js"
    },
    manifestUrl: 'https://somelocation.com/available-services.json'
  }
});
```

Learn more about production configuration within the [API documentation](docs/sofe-api.md)

### Examples
Examples are available at [sofe.surge.sh](http://sofe.surge.sh) or you can run them [locally](examples/examples.md)

### Tools
1. [sofe-inspector](https://github.com/CanopyTax/sofe-inspector) - Developer tool for inspecting and overriding available sofe services
1. [sofe-babel-plugin](https://github.com/CanopyTax/sofe-babel-plugin) - A babel plugin for production sofe workflows with webpack
1. [sofe-deplanifester](https://github.com/CanopyTax/sofe-deplanifester) - A manifest deployment service for sofe
1. [sofe-hello-world](https://github.com/CanopyTax/sofe-hello-world) - A simple sofe-service to say hello

### License
Copyright 2016 CanopyTax

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.