阿葛廷

人一定要靠自己!

1 minute read

Tags: , ,

Imgur

前行提要

Browser Engine

  • Wikipedia

    • A browser engine (also known as a layout engine or rendering engine) is a core software component of every major web browser. The primary job of a browser engine is to transform HTML documents and other resources of a web page into an interactive visual representation on a user’s device.

  • Notable engines

    • brower-engine

  • Operating system support

    • Imgur

Progressive web applications

  • Wikipiedia

    • Progressive web applications (PWAs) are a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. They are intended to work on any platform that uses a standards-compliant browser.

WebRTC

  • WebRTC

    • WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs. The WebRTC components have been optimized to best serve this purpose.

Deep Learning - Convolutional neural network

COCO DataSet

tensorflow models

Angualr 2 Heroku

  • Heroku
  • Angular

  • add Heroku remote

    • cd 到 剛剛 clone 的專案中
    • 輸入　`git heroku git:remote -a «你剛剛新建的 heroku　App name»

  • push 到 Heroku

    • git psuh heroku master

看看 這包 Angular Project 有甚麼特別

  • ./server.js

      //Install express server
  const express = require('express');
  const path = require('path');
    
  const app = express();
    
  // Serve only the static files form the dist directory
  app.use(express.static(__dirname + '/dist/angular-object-detection'));
    
  app.get('/*', function(req,res) {
    
  res.sendFile(path.join(__dirname+'/dist/<name-of-app>/index.html'));
  });
    
  // Start the app by listening on the default Heroku port
  app.listen(process.env.PORT || 8080);

  • ./package.json

     {   ...
    "scripts": {
     "ng": "ng",
     "start": "node server.js",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "postinstall": "ng build --prod=true",
     "heroku-postbuild": "ng build --prod"
   },
   ...
 }
Reference

You May Also Enjoy