"Playwright" và ca kiểm thử đầu tiên với playwright

Playwright.

Playwright là một thư viện Node.js để tự động hóa Chromium, Firefox và WebKit bằng một API duy nhất. Nó được xây dừng để tự động hóa hầu hết các tính năng trình duyệt web

Google Tasks Schedules - Nhiệm vụ hàng đợi thực thi trên đám mây

Hôm nay, mình sẽ chia sẻ với các bạn về Google Tasks - Tạo các nhiệm vụ hàng đợi thực thi trên đám mây.

Cloud Tasks là một dịch vụ được quản lý hoàn toàn cho phép bạn quản lý việc thực hiện, điều phối và phân phối một số lượng lớn các nhiệm vụ được phân phối. Sử dụng Cloud Tasks, bạn có thể thực hiện công việc không đồng bộ bên ngoài yêu cầu của người dùng hoặc dịch vụ đối với dịch vụ.

Hướng dẫn login Facebook with Firebase

Tiếp tục phần login với Firebase hôm nay mình hướng dẫn các bạn login bằng Facebook nhé.!

Cài đặt Firebase:

Public Zoom Oauth App lên Marketplace

Chào các bạn, ở bài trước mình đã hướng dẫn OAuth 2 cùng với Zoom Apis hôm nay mình sẽ đi sâu vào việc làm thế nào để nhanh chóng được public Zoom Oauth App của mình lên Zoom Marketplace, giúp cho người dùng Zoom ngoài account của mình có thể truy cập, uỷ quyền và sử dụng được trong ứng dụng của mình.

Các yêu cầu : Bạn phải xây dựng được app của mình trước đó, và sử dụng được trên môi trường Production, tất cả các yêu cầu hỗ trợ hoặc tài liệu phải viết bằng Tiếng Anh, Zoom sẽ trực tiếp truy cập vào app của bạn để test chức năng, test trải nghiệm người dùng của Zoom tại Apps của bạn.

OAuth 2 cùng với Zoom Apis

Chào các bạn hôm nay mình sẽ hướng dẫn Oauth 2 với Zoom Apis.

Bài hướng dẫn để public app OAuth zoom lên Zoom marketplace nhanh chóng qua kinh nghiệm của mình, vui lòng xem tại Public Zoom Oauth App lên Marketplace.

Hướng dẫn login Google with Firebase

Cài đặt Firebase:

Nếu bạn chưa có 1 project Firebase nào hãy tạo cho riêng mình 1 project tại đây

Hướng dẫn register và login Email & Password

Như ở đây mình có chia sẽ cách login firebase với Google. Hôm nay mình sẽ hướng dẫn các bạn login với Email & Password.

Mình sẽ bỏ qua bước cài đặt firebase nhé (bạn nào chưa biết có thể xem lại bài trước tại đây

useContext trong Reactjs (hooks)

Rect context API là một cách cơ bản để tạo các biến toàn cục có thể được truyền qua trong ứng dụng React Context gồm 2 phần là Provider ( cung cấp giá trị ) và Consumer ( sử dụng giá trị ) Tạo context

Hướng dẫn lấy Client ID và Client secret từ Google

Để lấy Client ID và Client Secret từ Google

Đầu tiên bạn truy cập vào đường dẫn sau:https://console.developers.google.com

Create Cloud functions with firebase

1. Nếu bạn chưa có Project Firebase, hãy tạo 1 project mới tại https://console.firebase.google.com/, click Add project và làm theo hướng dẫn.
2. Khi đã tạo hoặc có Project Firebase rồi, thử gọi tên nó là test-classfunc nhé,

• Bây giờ bạn tiếp tục tạo 1 folder chứa dữ liệu của cloud function chứ nhỉ, hãy tạo 1 folder có tên “test-cloudfunctions”,

Tạo Api HTTP Cloud Functions với Express & Cors

Github source code: https://github.com/duongdam/FirebaseFunctions-CallApi

Trước tiên, các bạn tạo 1 Http functions với dạng Http request

Snowpack environment - Tạo môi trường Product và Stg khi build

Github source code: https://github.com/duongdam/classfunc-react-snowpack

Hôm nay mình xin chia sẻ cách để tạo 2 môi trường phát triển production và stg khi build 1 dự án bằng snowpack.

Cách sử dụng snowpack để build dự án react

Github source code: https://github.com/duongdam/classfunc-react-snowpack

Cách sử dụng snowpack để build dự án react

Một số lỗi và issue khi chạy snowpack build or dev

1.Module not found: Error: Can't resolve

OAuth 2, cùng hiểu hơn về ứng dụng để xác thực và uỷ quyền với bảo mật mạnh mẽ

Trước tiên chúng ta đi vào phân biệt Authentication và Authorization.

• Authentication: Để kiểm tra danh tính của người dùng, tác dụng chủ yếu là để xác thực người dùng.
• Authorization: Sau khi hệ thống xác thực Authentication của người dùng, người dùng có thể truy cập tài nguyên của hệ thống thông qua các Scopes được bật cho người dùng. Ví dụ: xem thông tin user, thông tin files, tài liệu, giao dịch v.v...

Tạo trigger cloud build

1. deploy Firebase hosting, xem thêm tại đây
2. Add trigger gcp console -> Cloud Build -> Trigger -> tìm đến repositiries cần tạo -> add

Gửi email từ Firebase với Trigger Email Extension

Thiết lập Trigger Email Extension

Cài đặt tailwindcss cho project react

1. Tạo project react

npx create-react-app my-app

Post Slack bằng curl

Mục đích: Sử dụng curl để post 1 message tới Slack

Cú pháp :

screenshot element

Chụp ảnh màn hình element với html2canvas + file-saver B1: cài đặt thư viện

Chia sẻ thư viện why-did-you-render

xem thêm tại : https://www.npmjs.com/package/@welldone-software/why-did-you-render

Deploy strapi to google app Engine

##Đầu tiên sẻ tạo mới Strapi prject bằng lệnh sau:

yarn create strapi-app my-project --quickstart

gửi thông báo với Reactjs and firebase

b1: enable service worker trong file index.js

import * as serviceWorker from './serviceWorker'

đăng nhập google react app

1. tải về browser google script

OAuth App verification request những điều cần chú ý

khi bạn thêm 1 scope mới vào ứng dụng mà google yêu cầu cần phải xác thực.( ví dụ : https://www.googleapis.com/auth/spreadsheets)

1. cập nhật trang chủ:

Git log đẹp

Log short commit id và commit message

Cloud Functions trong firebase

Cài đặt

• Node js
• Npm

Cách cài đặt slack notification cho các dự án GCP

Tổng quan

• Mỗi khi repo có sự thay đổi (developer push...) sẽ thông báo lên slack.

Từ Repo tới GCE

Hướng dẫn deploy một repo lên gcp compute engine

Tạo repo và compute instance

Deploy Firebase Hosting cho dự án mới

1. chọn hosting bằng lệnh firebase init
2. firebase console go hosting -> Add another site
3. firebase target:apply hosting [added-site] [added-site] (ok if file .firebase.rc/targets fields added )

Firebase Cloud Firestore - Giới thiệu và hướng dẫn Cloud Firestore

Cloud Firestore là một Database được phát triển từ Firebase và Google Cloud Platform. Nó giúp cho việc đồng bộ dữ liệu giữa các ứng dụng phía Client một cách nhanh chóng (Realtime) và hỗ trợ lưu offline data trong ứng dụng của bạn.

Cloud Firestore lưu dữ liệu theo mô hình dữ liệu NoSQL. Dữ liệu được lưu trữ trong các file tài liệu chứa các trường được ánh xạ vào các giá trị, gồm 3 thành phần chính là: Collection, document, field. Các file tài liệu này được lưu trữ có thể sử dụng nó để tổ chức và truy vấn. Cloud Firestore hỗ trợ nhiều kiểu dữ liệu: string, array, date-time, ...

Add Firebase to JavaScript

Thêm Firebase vào JavaScript project của bạn

1.Tạo Firebase project.

Hướng dẫn đầy đủ từ việc deploy firebase hosting một dự án mới bằng hình ảnh

Author: Thanh Nguyễn

Trong bài viết này mình sẻ hướng dẫn các bạn "newber" về việc

Hướng dẫn Cloud build bằng hình ảnh

Ở bài trước mình đã hướng dẫn các bạn deploy firebase Hosting bây giờ mình sẻ hướng dẫn các bạn đưa code của mình lên google cloud

** Note: Google Cloud Platform : mình gọi tắt là gcp nhé.