Giới thiệu về Glitch - Node.JS

Bài đăng này đã không được cập nhật trong 4 năm

Giới thiệu

Chào các bạn. Mình đang mới bắt đầu tìm hiểu về Node.JS và có rất nhiều thứ mình muốn tìm hiểu thêm, đây là lần đâu nên sẽ chỉ là một bài chia sẻ nhỏ nhỏ ... về Glitch

Glitch là một nền tảng được xây dựng bởi find folks tại Fog Creek Software, công ty được biết đến trên mạng internet với FogBugz, Trello, đồng sáng tạo StackOverflow (y). Hầu hết lập trình viên đều quen thuộc với cái tên Joel Soplsky (chắc chỉ bên nước ngoài :v) .

Một phần giới thiệu nhỏ để bạn làm quen với Glitch và biết cách thức và tại sao bạn có thể áp dụng nó vào các dự án của bạn.

Tip: Sử dụng Bit để xây dựng ứng dụng nhanh hơn với các "components". Dễ dàng chia sẻ và sử dụng lại "components" với team của bạn và sử dụng chúng để xây dựng nên các ứng dụng mới... Cùng cố gắng nào!.

Glitch là gì?

Glitch là 1 nền tảng mà bạn có thể xây dựng ứng dùng Node.js trên cloud, public or private và hợp tác với đồng đội. Hay có thể hiểu đơn giản nó là 1 service để đấy ứng dụng Node.js lên thôi

Khi bạn thử phát triển một ứng dụng web với Node.js, cài đặt server và đăng ký domain ... Nó rất phức tạp và tốn nhiều thời gian.

Glitch có thể giúp bạn tập trung vào việc sáng tạo ứng dụng chứ không phải mất công nghĩ làm sao đấy chúng lên cho mọi người biết đến.

Nó không chỉ là nơi bạn có thể đẩy ứng dụng của bạn lên một cách dễ dàng mà còn là một công cụ chỉnh sửa khá tốt

Review thế đủ rồi, cùng bắt đầu tạo nên một thứ gì đó vui vui nào )

Let's go

Đầu tiên thì ... đây là giao diện trang chủ của Glitch

Bạn có thể đăng nhập qua Facebook hoặc Github đều được, nhưng đương nhiên là chọn Github sẽ tốt hơn rồi nhỉ

Trước đó bạn nên tạo một repo rỗng trên tài khoản Github của bạn và clone nó về local.

git clone https://github.com/username/reponame.git
cd reponame

Chắc hẳn bạn phải thành thạo các bước cơ bản của Node.js rồi nhỉ? ). Cùng thực hiện lại nào

npm init
npm i express // hiện tại mình đang học express nên ... :))

Bạn tạo 1 file index.js giống như main ở trong package.json

touch index.js

file index.js

const express = require('express')
const app = express()
const PORT = 8797
app.use('/', (req, res) => {
    res.json({"mess": "Hello Would!"})
})

app.listen(PORT, () => {console.log("Server started on http://localhost:"+PORT)})

module.exports = app;

rồi run node index.js

Phần setup coi như xong giờ là push code lên repo đã tạo ban đầu ...

Và giờ là tới thao tác trên Glitch nhá, nhớ là đăng nhập bằng tài khoản Github mới tạo repo nhé!

step by step!!! (có 2 bước bé bé thôi :v)

Click New Project

Hãy click vào "Clone form Git Repo nhé" còn nếu bạn muốn tạo thêm form của Glitch thì có 3 sự lựa chọn bên trên

Sau khi điền link

Chỉ cần điền đúng link repo là ta đã có 1 noi lưu code - chỉnh sửa - chia sẻ với mọi người, đặc biệt nó khá màu mè :v và có thể "Live app" nhá ) (như một service vậy)

Giờ bạn có thể gửi đường link Live app cho bạn bè của mình và khoe "tao mới viết cái app có mấy phút haha" (thực chất app nó cái dell gì đầu :v) và cũng có thể gửi link "invite" bạn của mình vào editor trực tiếp ) izi

Và đây là kết qủa (repo mình từng làm 1 blog chơi chơi )