Coder Social home page Coder Social logo

global-localhost / service-fabric-explorer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from microsoft/service-fabric-explorer

0.0 0.0 0.0 12.04 MB

Service Fabric Explorer is a web based dashboard for visualizing the state of a Service Fabric cluster.

License: MIT License

TypeScript 72.94% JavaScript 2.58% HTML 14.48% PowerShell 0.07% SCSS 9.93%

service-fabric-explorer's Introduction

Service Fabric Explorer (SFX)

NOTE: Sfx is currently in the process of migrating from angularjs(Sfx v1) to angular 10(Sfx v2). The Sfx folder holds the previous version and SfxWeb is the new version. While this migration is happening, Sfx v1 will still be available but once Sfx v2 is considered safe and has 100% parity with V1 will be removed and official deprecated. All new development is being focused on V2 and unless its a critical bug with V1, V1 will not be getting any continued support.

Service Fabric Explorer is an application for inspecting and managing cloud applications and nodes in a Microsoft Azure Service Fabric cluster.

Build Status

Windows Linux / macOS
Image of Windows Build Badge Image of Linux/macOS Build Badge

Installation

Microsoft publishes the following installer packages for SFX:

For more information about the application and how to use it: https://docs.microsoft.com/en-us/azure/service-fabric/service-fabric-visualizing-your-cluster

Developer Help and Documentation

Service Fabric Explorer consists of two main components, an AngularJS based application (Sfx) and an Electron part to host the AngularJS application (Sfx-Standalone).

Preparing the development machine

To develop Service Fabric Explorer, the following components are required.

The recommended IDE for Service Fabric Explorer development is VSCode because VSCode is a cross-platform editor, which supports Windows, Linux and macOS. But you can use whatever editor to develop.

Here's a list of common IDE used.

Set up the development environment

  1. Clone the master branch. git clone --recurse-submodules https://github.com/Microsoft/service-fabric-explorer.git <path to the local folder>

  2. Install project dependencies: This can be done inside VSCode or use a console window.

    1. [SFX] Navigate to src/SfxWeb and run the following scripts.
    npm install   
    1. [SFX Standalone] Navigate to src/Sfx-Standalone and run the following scripts.
    npm install
    1. [SFX Proxy] Navigate to src/Sfx-Proxy and run the following scripts.
    npm install   
  3. Build projects

    • VSCode
      1. Open src/SfxWeb, src/Sfx-Standalone and src/Sfx-Proxy in VSCode with multiple-root workspce.
      2. Run following tasks orderly.
        • clean-build for Sfx-Standalone
    • Console
      1. Install Gulp globally on the machine.
      npm install gulp-cli -g
      1. [SFX] Navigate to src/SfxWeb and run the following scripts. For a develop/quick build
      npm run build
      For a production build
      npm run build:prod
      
      1. [SFX Standalone] Navigate to src/Sfx-Standalone and run the following scripts.
      gulp clean-build

Develop Locally and Run Local Proxy

Navigate to src/SfxWeb

npm start

Navigate to src/Sfx-Proxy

npm start

There are 2 optional flags -r which would record every request to a folder(by default called playbackRecordings) and overwriting if the same request is made again -p every request will be checked for a saved response and if one exists get served instead

npm start -- -r -p

If proxying requests to a secure cluster adding a file called localsettings.json to src/Sfx-Proxy can take a cert pfx location like below.

{
  "TargetCluster": {
    "Url": "https://test.eastus.cloudapp.azure.com:19080",
    "PFXLocation": "C:/some_cert.pfx",
    "PFXPassPhrase": "password"
  },
  "recordFileBase": "playbackRecordings/"
}

Testing

Run unit tests

Navigate to sfx/SfxWeb folder and run

npm test

Run E2E tests

Navigate to sfx/SfxWeb folder and run

npm run cypress:local

This assumes that the angular local dev server is running

CI overview

The CI will run the following

  • production build
  • unit tests
  • E2E tests

Issues and questions

For questions related to Azure Service Fabric clusters, take a look at the tag on StackOverflow and official documentation.

General Service Fabric issues

If your issue is not specific to the Service Fabric Explorer, please use the Service Fabric issues repository to report an issue.

Service Fabric Explorer specific issues

If your issue is relevant to the Service Fabric Explorer, please use this repositories issue tracker.

Be sure to search for similar previously reported issues prior to creating a new one. In addition, here are some good practices to follow when reporting issues:

  • Add a +1 reaction to existing issues that are affecting you
  • Include detailed output or screenshots when reporting unexpected error messages
  • Include the version of SFX installed
  • Include the version of Service Fabric runtime for the cluster you have selected

New ideas and improvements

We encourage everyone to contribute to this project, following the contribution guidelines below. If you have ideas and want to share these with the community before taking on implementing the change, feel free to suggest these using issues.

Contribution guidelines

For general contribution guidelines, plese see here: https://github.com/Microsoft/service-fabric/blob/master/CONTRIBUTING.md

service-fabric-explorer's People

Contributors

jeffj6123 avatar stevshan avatar ibabou avatar tonglingchen avatar dependabot[bot] avatar ayushi1411 avatar olegkarasik avatar derekeom avatar ammarzaidi avatar yogeshmahi avatar whitwaldo avatar vturecek avatar sfilatov avatar sondreb avatar roshanroutray avatar larissahchiu avatar jagilber avatar aagup avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.