DEV Community: David Nguyen

Laravel Reverb now Available

David Nguyen — Tue, 12 Mar 2024 10:24:31 +0000

Introduction

Laravel Reverb brings blazing-fast and scalable real-time WebSocket communication directly to your Laravel application and provides seamless integration with Laravels existing suite of event broadcasting tools.

Installation

Laravel Reverb requires PHP 8.2+.

You may install Reverb using the install:broadcasting Artisan command:

php artisan install:broadcasting

Configuration

Behind the scenes, the install:broadcasting Artisan command will run the reverb:install command, which will install Reverb with a sensible set of default configuration options. If you would like to make any configuration changes, you may do so by updating Reverb's environment variables or by updating the config/reverb.php configuration file.

Application Credentials

In order to establish a connection to Reverb, a set of Reverb "application" credentials must be exchanged between the client and server. These credentials are configured on the server and are used to verify the request from the client. You may define these credentials using the following environment variables:

REVERB_APP_ID=my-app-idREVERB_APP_KEY=my-app-keyREVERB_APP_SECRET=my-app-secret

Allowed Origins

You may also define the origins from which client requests may originate by updating the value of the allowed_origins configuration value within the apps section of the config/reverb.php configuration file. Any requests from an origin not listed in your allowed origins will be rejected. You may allow all origins using *:

'apps' => [[ 'id' => 'my-app-id', 'allowed_origins' => ['laravel.com'], // ... ]]

Additional Applications

Typically, Reverb provides a WebSocket server for the application in which it is installed. However, it is possible to serve more than one application using a single Reverb installation.

For example, you may wish to maintain a single Laravel application which, via Reverb, provides WebSocket connectivity for multiple applications. This can be achieved by defining multiple apps in your application's config/reverb.php configuration file:

'apps' => [[ 'id' => 'my-app-one', // ...], ['id' => 'my-app-two', // ...],],

SSL

In most cases, secure WebSocket connections are handled by the upstream web server (Nginx, etc.) before the request is proxied to your Reverb server.

However, it can sometimes be useful, such as during local development, for the Reverb server to handle secure connections directly. If you are using Laravel Herd's secure site feature or you are using Laravel Valet and have run the secure command against your application, you may use the Herd / Valet certificate generated for your site to secure your Reverb connections. To do so, set the REVERB_HOST environment variable to your site's hostname or explicitly pass the hostname option when starting the Reverb server:

php artisan reverb:start --host="0.0.0.0" --port=8080 --hostname="laravel.test"

Since Herd and Valet domains resolve to localhost, running the command above will result in your Reverb server being accessible via the secure WebSocket protocol (wss) at wss://laravel.test:8080.

You may also manually choose a certificate by defining tls options in your application's config/reverb.php configuration file. Within the array of tls options, you may provide any of the options supported by PHP's SSL context options:

'options' => ['tls' => [ 'local_cert' => '/path/to/cert.pem'],],

Running the Server

The Reverb server can be started using the reverb:start Artisan command:

php artisan reverb:start

By default, the Reverb server will be started at 0.0.0.0:8080, making it accessible from all network interfaces.

If you need to specify a custom host or port, you may do so via the --host and --port options when starting the server:

php artisan reverb:start --host=127.0.0.1 --port=9000

Alternatively, you may define REVERB_SERVER_HOST and REVERB_SERVER_PORT environment variables in your application's .env configuration file.

Debugging

To improve performance, Reverb does not output any debug information by default. If you would like to see the stream of data passing through your Reverb server, you may provide the --debug option to the reverb:start command:

php artisan reverb:start --debug

Restarting

Since Reverb is a long-running process, changes to your code will not be reflected without restarting the server via the reverb:restart Artisan command.

The reverb:restart command ensures all connections are gracefully terminated before stopping the server. If you are running Reverb with a process manager such as Supervisor, the server will be automatically restarted by the process manager after all connections have been terminated:

php artisan reverb:restart

Running Reverb in Production

Due to the long-running nature of WebSocket servers, you may need to make some optimizations to your server and hosting environment to ensure your Reverb server can effectively handle the optimal number of connections for the resources available on your server.

If your site is managed by Laravel Forge, you may automatically optimize your server for Reverb directly from the "Application" panel. By enabling the Reverb integration, Forge will ensure your server is production-ready, including installing any required extensions and increasing the allowed number of connections.

Open Files

Each WebSocket connection is held in memory until either the client or server disconnects. In Unix and Unix-like environments, each connection is represented by a file. However, there are often limits on the number of allowed open files at both the operating system and application level.

Operating System

On a Unix-based operating system, you may determine the allowed number of open files using the ulimit command:

ulimit -n

This command will display the open file limits allowed for different users. You may update these values by editing the /etc/security/limits.conf file. For example, updating the maximum number of open files to 10,000 for the forge user would look like the following:

# /etc/security/limits.confforge soft nofile 10000forge hard nofile 10000

Event Loop

Under the hood, Reverb uses a ReactPHP event loop to manage WebSocket connections on the server. By default, this event loop is powered by stream_select, which doesn't require any additional extensions. However, stream_select is typically limited to 1,024 open files. As such, if you plan to handle more than 1,000 concurrent connections, you will need to use an alternative event loop not bound to the same restrictions.

Reverb will automatically switch to an ext-event, ext-ev, or ext-uv powered loop when available. All of these PHP extensions are available for install via PECL:

pecl install event# orpecl install ev# orpecl install uv

Web Server

In most cases, Reverb runs on a non web-facing port on your server. So, in order to route traffic to Reverb, you should configure a reverse proxy. Assuming Reverb is running on host 0.0.0.0 and port 8080 and your server utilizes the Nginx web server, a reverse proxy can be defined for your Reverb server using the following Nginx site configuration:

server { ... location / { proxy_http_version 1.1; proxy_set_header Host $http_host; proxy_set_header Scheme $scheme; proxy_set_header SERVER_PORT $server_port; proxy_set_header REMOTE_ADDR $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "Upgrade"; proxy_pass http://0.0.0.0:8080; } ...}

Typically, web servers are configured to limit the number of allowed connections in order to prevent overloading the server. To increase the number of allowed connections on an Nginx web server to 10,000, the worker_rlimit_nofile and worker_connections values of the nginx.conf file should be updated:

user forge;worker_processes auto;pid /run/nginx.pid;include /etc/nginx/modules-enabled/*.conf;worker_rlimit_nofile 10000;events { worker_connections 10000; multi_accept on;}

The configuration above will allow up to 10,000 Nginx workers per process to be spawned. In addition, this configuration sets Nginx's open file limit to 10,000.

Ports

Unix-based operating systems typically limit the number of ports that can be opened on the server. You may see the currently allowed range via the following command:

cat /proc/sys/net/ipv4/ip_local_port_range# 32768 60999

The output above shows the server can handle a maximum of 28,231 (60,999 - 32,768) connections since each connection requires a free port. Although we recommend horizontal scaling to increase the number of allowed connections, you may increase the number of available open ports by updating the allowed port range in your server's /etc/sysctl.conf configuration file.

Process Management

In most cases, you should use a process manager such as a Supervisor to ensure the Reverb server is continually running. If you are using Supervisor to run Reverb, you should update the minfds setting of your server's supervisor.conf file to ensure the Supervisor is able to open the files required to handle connections to your Reverb server:

[supervisord]...minfds=10000

Scaling

If you need to handle more connections than a single server will allow, you may scale your Reverb server horizontally. Utilizing the publish/subscribe capabilities of Redis, Reverb is able to manage connections across multiple servers. When a message is received by one of your application's Reverb servers, the server will use Redis to publish the incoming message to all other servers.

To enable horizontal scaling, you should set the REVERB_SCALING_ENABLED environment variable to true in your application's .env configuration file:

REVERB_SCALING_ENABLED=true

Next, you should have a dedicated, central Redis server to which all of the Reverb servers will communicate. Reverb will use the default Redis connection configured for your application to publish messages to all of your Reverb servers.

Once you have enabled Reverb's scaling option and configured a Redis server, you may simply invoke the reverb:start command on multiple servers that are able to communicate with your Redis server. These Reverb servers should be placed behind a load balancer that distributes incoming requests evenly among the servers.

https://laravel.com/docs/11.x/reverb

Phần mềm Ôn Tập Mô Phỏng các tình huống giao thông v2.0.0

David Nguyen — Thu, 29 Feb 2024 14:54:57 +0000

Link bộ cài: dung lượng 5.5 GB

Bộ cài phiên bản 64-bit (x64):

1. Tải về OnTapMoPhongSetup_v200_x64 (Link gốc)

2. Tải về OnTapMoPhongSetup_v200_x64 (Link Google Drive)

Bộ cài phiên bản 32-bit (x86):

Tải về OnTapMoPhongSetup_v200_x86.rar

Hướng dẫn

Mật khẩu giải nén file rar: mophonggiaothong2024

Chạy file setup.exe và thực hiện tuần tự từng bước để cài đặt

Chi tiết cập nhật

1.   Điều chỉnh đồ họa các tình huống:

- Đồ họa lại một số tình huống để nâng cao chất lượng hình ảnh, giúp người học dễ quan sát, nhận biết (19 tình huống)

- Đồ họa lại 12 video tình huống thực tế (ảnh mờ, độ phân giải thấp) thành clip 3D để đồng nhất, nâng cao chất lượng video, giúp người học nhận diện tình huống dễ hơn

- Kéo dài mốc thời gian chấm điểm (mốc 5đ, mốc 0đ) để giúp người học dễ nhận biết, dễ xử lý tình huống so với phần mềm trước

2.   Thay đổi tính năng phần mềm:

a)   Phần mềm ôn tập: thêm 3 tính năng

-   Bổ sung và hiển thị tên tình huống khi play video để gợi nhớ

-   Bổ sung các nút cho phép chuyển sang các tình huống Trước/Sau và Hiển thị thanh và cờ chấm điểm cho từng tình huống

-   Phần THI THỬ được thiết kế giao diện như khi sát hạch để học viên làm quen

b)   Phần mềm sát hạch: thêm 2 tính năng

-   Tăng thời gian đếm ngược (nghỉ) giữa các tình huống từ 3s lên 10s để học viên có thêm thời gian chuẩn bị

-   Điều chỉnh không cho click đúp vào phần video; khi mở phần mềm thì giao diện chiếm toàn màn hình, không hiển thị thanh taskbar của Windows (hạn chế mất focus)

c)   Phần mềm quản trị: thêm 2 tính năng

-   Bổ sung thêm xuất danh sách Vắng, đạt, trượt với định dạng pdf (trước đây là exel) để có thể in luôn

-   Chỉnh sửa biểu mẫu in kết quả (hiển thị thêm version để phân biệt với các phiên bản trước)

Từ ngày 5/1/2024, Cục Đường bộ Việt Nam đã tổ chức tập huấn và cập nhật phần mềm mô phỏng tình huống giao thông. Phần mềm mới được điều chỉnh đồ họa, tăng thời gian chuẩn bị và kéo dài thời gian chấm điểm, nhằm nâng cao hiệu quả đào tạo và sát hạch lái xe. Các cơ sở đào tạo dự kiến sẽ cập nhật phần mềm mới từ 1/2/2024.

https://eplus.dev/phan-mem-on-tap-mo-phong-cac-tinh-huong-giao-thong-v200

Swags Unboxing Compose Camp 2023 (#ChienBinhAndroid)

David Nguyen — Mon, 06 Nov 2023 05:48:10 +0000

https://eplus.dev/swags-unboxing-compose-camp-2023-chienbinhandroid

Discount for student dev

David Nguyen — Mon, 06 Nov 2023 05:42:18 +0000

Source Code Repos

Bitbucket [FREE] - Free unlimited public and private repositories for academic users and teams.
GitHub [FREE] - Personal account (normally $7/month) with unlimited private repositories while you're a student.

IDE and Code Editing

JetBrains IDE pack [FREE] - Free professional developer IDEs and tools from JetBrains, including:
Intel Parallel Studio XE 2015 [FREE] - Tool suite which simplifies the design, development, debug, and tuning of code that utilizes parallel processing to boost application performance. Free for students.
Xamarin IDE [FREE] - IDE for using C# for iOS, Android, Mac & Windows platforms.
Visual Studio Community 2017 [FREE] - IDE for C#,Javascript, C++ and others. Latest release includes Xamarin.
Bootstrap Studio [FREE] - IDE that creates responsive websites using the Bootstrap framework.
MATLAB [DISCOUNT] - MATLAB is a high-level technical computing language and interactive environment for algorithm development, data visualization, data analysis, and numerical computation.
ShiftEdit [DISCOUNT] - ShiftEdit is a powerful online IDE for developing websites. Discount for educations. $750 a year for 50 licenses.
Repl [FREE] - An online IDE that lets you instantly code in over fifty languages.Hacker plan, includes unlimited private repls and multiplayer invites. Free for one year available via Github Student Developer Pack
GitHub Codespaces[FREE] - An online IDE for GitHub that provides a complete dev environment with a single click. Free personal plan subscription for as long as you are a student via Github Student Developer Pack.
Atom [FREE] - Atom is a free and open-source text and source code editor developed by GitHub (Atom A Hackable Text and Source Code Editor).
Wisej [FREE] - Build powerful web applications in Visual Studio with C# or VB.NET.Free Wisej Developer license plus free updates for a year.
DeepScan [FREE] - DeepScan is a platform for building better and more reliable JavaScript apps.Free 6-month trial while you are a student.
PopSQL [FREE] - Modern, collaborative SQL editor for your team write queries, visualize data, and share your results.Free Premium subscription for PopSQL while you're a student.
SQLGate [FREE] - Simple but powerful IDE for multiple SQL databases.Access to most Standard Subscription features for 1 year.
Kodika [FREE] - Build iOS applications with drag & drop.Kodika Unlimited Pro subscription free for 6 months.
Polypane [FREE] - A powerful browser and developer tool that lets developers and designers make better websites and web apps in less time.Polypane free for 1 year.
Xojo [FREE] - A cross-platform development tool for making native apps for the Desktop.Xojo Desktop license free while you are a student.
Yakindu [FREE] - An integrated modelling environment for the specification and development of reactive, event-driven systems based on the concept of state machines.Yakindu Professional Edition free for 1 year.

Version Control

Tower [DISCOUNT] - The Git client that brings all of Git and GitHub's power to the desktop, for Mac and Windows.Free Pro account for 1 year.
GitKraken [FREE] - Another free as in price desktop Git client. Based on Electron, runs on Windows, GNU/Linux, and Mac. To claim free 1-year PRO license, you must claim your Github Student Developer Pack and sign in to the desktop client w/ GitHub.
Sentry [FREE] - Open-source error tracking that helps developers monitor and fix crashes in real time.Also included via Github Student Developer Pack.
Working Copy [FREE] - Powerful Git client for iOS that clones, edits, commits, pushes.All Pro features for free while you are a student via Github Student Developer Pack.
Github Desktop [FREE] - Focus on what matters instead of fighting with Git. Whether you're new to Git or a seasoned user, GitHub Desktop simplifies your development workflow.
Better Code Hub [FREE] -Better Code Hub provides a definition of done for code quality and actionable refactoring feedback for every push and pull request. A free upgrade to an Individual license to analyse your personal private repos.
Blackfire.io [FREE] - Code performance measurement tool. Find & fix bottlenecks.Free Profiler subscription for students.
Codecov [FREE] - Codecov makes it easy to implement code coverage to develop healthier code.Free access to Codecov on public and private repositories.
AcessLint [FREE] - AccessLint brings automated web accessibility testing into your development workflow.Unlimited use for public and private repositories while you are a student.
Coveralls [FREE] - We help you deliver code confidently by showing which parts of your code arent covered by your test suite.Free coverage for unlimited private repos on your personal account.
Datree [FREE] - Datree is a git-based rules engine for enforcing best development practices, coding standards, and security policies on every commit.Free Pro subscription while you are a student.
DeepSource [FREE] - Static code analyzer for Python and Go. Detect bug risks, anti-patterns and security vulnerabilities.Free Pro subscription for students.
Imgbot [FREE] - Imgbot is a GitHub App that automatically optimizes your images.Free image optimization for all your public and private projects while you are a student.
Restyled [FREE] - With Restyled, automatically re-format Pull Requests to have consistent style.Run Restyled for free on private repositories while you're a student.
Side [FREE] - Maximize your engineering team's productivity by automatically analyzing every pull request.Sider Standard Plan free while you are a student.

Web Hosting

Digital Ocean [CREDIT] - Digital Ocean provides $100 in hosting credit for every student that signs up for the Github Student Developer Pack.
RoseHosting [DISCOUNT] - RoseHosting offers a recurring 20% discount on all their managed Linux VPS and Shared hosting plans when paying monthly. Students can use the discount by applying the coupon code "STUDENT20". Valid for new customers only. Cannot be combined with any other offer.
Bip [DISCOUNT] - Static web hosting. Bip provides a 30% recurring discount for students on all plans.
Education Host [FREE] - Available web-hosting to students in Designer package for free for 1 year & discounted upgrade offers.Available via Github Student Developer Pack.
NodeHost [FREE] - PHP hosting. 500MB Storage, 80GB Bandwidth, 1 Database, and 2 email accounts per site, 28 day backup history.
Pageclip [FREE] - A server for your static websites and HTML forms.Free basic plan while you are a student.
Qoddi [CREDIT] - Qoddi offers $1000 per year for every student
InterServer [FREE] - Standard Web Hosting Package for Free for the first year for students.

Design and Photo Editing

Adobe Creative Cloud [DISCOUNT] - Students save big with 60% off Creative Cloud.
Sketch [FREE] - Get Sketch for free as a student or educator.
Canva [FREE] - Free 12 month subscription of Canva's Pro tier via Github Student Developer Pack.
Icons8[FREE] - Icons8 provides design resources: icons, UI illustrations, photos and software to class up your projects. Full 3-month all access subscription with icons, photos, illustrations, and music via Github Student Developer Pack.
Figma [FREE] - Receive Professional Team features for free when verified as a student.
Iconscout [FREE] - Iconscout is design resources marketplace to get high quality icons, illustrations and stock images.Download 60 premium icons per month for 1 year.
Themeisle[FREE] - Neves mobile-first approach, compatibility with AMP and popular page-builders makes website building accessible for everyone. Free year of Neve Agency WordPress theme exclusively for students.
MDBootstrap [FREE / DISCOUNT] - Set of slick, responsive page templates, layouts, components, and widgets to rapidly build web pages. Free tools worth $2049/year for all educational projects and 50% discount for a student.

SaaS

Ip Geolocation [DISCOUNT] - Free for 50K requests and 50% discount on all paid plans for students.
Taskade - Team Productivity [DISCOUNT] - Students get 50% permanent discount on Taskade Pro subscriptions. Use the coupon code "students50" on checkout and start collaborating on Taskade with team task, notes and chat.
Notion.so [FREE] Free pro plan on Notion to Write, plan, collaborate, and get organized.
Netlicensing [FREE] - A cost-effective and integrated Licensing-as-a-Service (LaaS) solution for your software on any platform from Desktop to IoT and SaaS. Basic Plan free while you are a student at GitHub Student Developer Pack.
Algolia [FREE] - Hosted search API that provides support from front end to back end frameworks and libraries. 100k records and 1 million operations, valid for 1 year.
Blockchair [FREE] - Connect to the world of blockchains through Blockchairs professional APIs supports most major cryptocurrencies.100,000 free requests.
Customerly [FREE] - Live chat, behavioural funnels, newsletters, and in-app surveys for SaaS.Customerly Pro free for 6 months.
Loom Pro[FREE] - Loom is a video recording tool that helps you get your message across through instantly shareable videos.
Twilio[CREDIT] - Free $50 USD in Twilio API credits & Exclusive in-game items in TwilioQuest for student via Github Student Developer Pack.

PaaS

Amazon Web Services [FREE] - Access cloud content, training, collaboration tools, and AWS technology at no cost by joining AWS Educate today.
Google Cloud Platform [TEMPORARILY FREE] - Access Cloud Services and G-Suite either on a trial of 14 days or register for one year through educational license or by card details.
Heroku[FREE] - A flexible, easy-to-use platform to deploy, run, and manage your apps. One free Hobby Dyno for up to two years via Github Student Developer Pack.
Microsoft Azure - Microsoft Azure is an ever-expanding set of cloud services to help you build, manage, and deploy applications. Level up your ideas by learning cloud computing skills and get a $100 credit with your free Azure for Students accountno credit card required.
Northflank [FREE] - Build and deploy microservices, jobs and managed databases. Perfect for student and university projects and team collaboration. Seamlessly scale containers from version control and external Docker registries. Free tier includes 2 services, 2 cron jobs and 1 database. Or 4 services via Northflank Student Developer Pack.

Email

Send Grid [CREDIT] - Student plan 15K free emails/month (normally limited to 200 free emails/day) while you're a student available via Github Student Developer Pack.
Mailgun [FREE] - Powerful APIs that enable you to send, receive and track email effortlessly.20,000 free emails and 100 free email validations each month for up to 12 months, available via Github Student Developer Pack.
Testmail.app [FREE] - Get unlimited email addresses and mailboxes for automating email tests with our powerful APIs. Free Essential plan while you're a student.

CI / CD

Travis CI [FREE] - Private builds (normally $69/month) while you're a student available via Github Student Developer Pack.
StyleCI [FREE / CREDIT] - Free Student Plan with access to StyleCI for up to five private repositories.
Semaphore [FREE / DISCOUNT]- Free account for students and educators with a 25% discount for qualifying schools and institutions.
ConfigCat [FREE] - Learn feature flags with the industry leading feature flag service.1000 feature flags, users for free.

Payments

Stripe [CREDIT] - Web and mobile payments, built for developers. Waived transaction fees on first $1,000 in revenue processed available via Github Student Developer Pack.

Management Systems

Bitnami [FREE] - Install cloud applications in a single click. Business 3 plan (normally $49/month) for one year available via Github Student Developer Pack.
Yellow Circle [FREE] - Offers a free online sandbox for students and teachers at all levels to learn and practice IT, networking, and programming skills by creating and configuring virtual routers, virtual machines, and virtual firewalls, load-balancers, and storage devices.
Vertabelo [FREE] - Fully-featured online tool for database design. Free for Educational Purposes.
SQLSmash [FREE] - Productivity plugin for SQL Server Management Studio for writing maintainable SQL scripts and faster navigation.Free standard license for students.
PushBots [FREE] - The easiest way to engage your mobile & web app users via push notifications. Free Premium account for 6 months.
EverSQL [FREE] - Boost your database performance by automatically optimizing your SQL queries.Free 6-month subscription to the Basic plan
Weglot [FREE] - Make any website multilingual and manage your translations through a single platform.Free 1-year Pro Plan giving you access to unlimited languages + up to 200k translated words.
LingoHub [FREE] - Translation management service for web, desktop and mobile apps.Free Professional Plan containing 10,000 text segments for students.
MongoDB [FREE] - A general purpose, document-based, distributed database built for modern application developers and for the cloud era.$200 in MongoDB Atlas Credits, plus access to MongoDB Compass and MongoDB University including free certification.

Maps

Mapbox [CREDIT] - A mapping platform for developers. 5 GB of storage for your own custom data.

Localization

Transifex [FREE / CREDIT]- A localization platform for translating digital content. 1 Free Year worth $99/month available via Github Student Developer Pack.
Crowdin[FREE] - Crowdin is a cloud-based solution that streamlines localization management.Bronze plan for 1 year available via Github Student Developer Pack.
POEditor [FREE] - POEditor is a highly scalable localization management platform for teams.Plus Plan for free for one year.

Programming Help

Evernote [DISCOUNT] - Capture, organize, and share notes from anywhere. Get 50% off a full year of Evernote Premium.
Covalence[FREE] - Join an exclusive developer community and learn Full Stack web-development with no long-term commitments.One free month of Covalence's Atomic Plan and two 1-on-1 mentoring sessions via Github Student Developer Pack.
Transloadit [FREE] - A versatile uploading & encoding API to automate any file conversion. The Startup plan for free, including 10GB of encoding credit.
Jaamly [FREE] - Helping developers, designers, and startups to launch their apps on the App Store.Jaamly Startup plan free for 6 months.

Domain Name Registers

NameCheap [FREE/DISCOUNT] - One year domain name registration on the .me TLD, and deeply discounted registrations on .io, .tech, .com, and .website. Inludes optional free year of hosted Ghost blogging platform or Exposure photo website.
.tech [DISCOUNT] - One year registration on .tech TLD for $0.99, with free renewals for referrals.
name.com[FREE] - Domain names, web hosting, and websites. One free domain name and free Advanced Security (SSL, privacy protection, and more) via Github Student Developer Pack.

Security

NameCheap [DISCOUNT] - One year SSL certificate (normally $9/year) via Github Student Developer Pack.
Shodan [FREE / CREDIT] - Free upgrade (normally 49$) to gain full access to everything shodan has to offer + 100 Export credits. Simply use your academic email address when you signup.
Cryptolens [FREE] - License and sell your software securely.10 licenses and any number of end-users for free for students.
Termius [FREE] - SSH client that works on desktop and mobile. Termius securely syncs data across all your devices. Free access to the Premium plan while you're a student.
Astra [FREE] - Security suite for your website - firewall, malware scanner & managed bug bounty platform.6 month access to website firewall & malware scanner.
BrowserStack [FREE] - Test your web apps with BrowserStack's Real Device Cloud, which gives you instant access to 2000+ browsers and real iOS and Android devices.Free Automate Mobile Plan for 1 parallel and 1 user for 1 year.
LambdaTest [FREE] - Perform automated and live interactive cross browser testing on 2000+ real browsers and operating systems online.Free LambdaTest Live Plan for one year.
SOFY [FREE] - SOFY automates your software testing, uses machine learning to create tests, suggests test scenarios based on product changes, customer usage data and runs at scale.6 months of free website and mobile app testing.

Software Modeling Tools

Astah [FREE] - One Year Professional License
Axure RP [FREE] - Free educational license of Axure RP Pro
Vertabelo [FREE] - Visual database design online. 100% free academic accounts for students and lecturers who are learning or teaching database modeling.
Invision [FREE] - Prototyping and Mockup tool
Framer [DISCOUNT] - Prototyping tool. 50% off when you get an educational license.
Vaadin [FREE] - Best open source Java framework for building Progressive Web Applications.Free Pro subscription license to access the commercial components and tools via Github Student Developer Pack.

Visual Analytics

CARTO [FREE / DISCOUNT] - Free account upgrades with increased database storage, real time data, Location Data Services Credits, and premium features for 2 years.
Tableau Desktop [FREE] - One Year Professional License for Students.
SAS University Edition and SAS OnDemand Academic [FREE] - The SAS University Edition is distributed as a virtual appliance for VirtualBox/VMWare. It runs in NAT mode on the prepackaged VM and hosts SAS Studio for use with a browser on the host computer. SAS OnDemand hosts SAS Studio for use in the cloud without installation. Both are free for students and teachers at any level.
Appfigures [FREE] - App Store analytics, optimization, and intelligence. Free access to the Grow plan for 1 year.
Scrapinghub [FREE] - Scrapinghub's Scrapy Cloud is a battle-tested cloud platform for running web crawlers. Manage and automate your web spiders at scale.1 Free Forever Scrapy Cloud Unit - unlimited team members, projects or requests. Unlimited crawl time and 120 day data retention.Crawlbase [FREE / CREDIT] Crawlbase, a web scraping and web crawling tool, is generously offering 5000 successful requests for free over a three-month period to students, who can take advantage of this opportunity by using the discount code 'SDNT2023'.
Typeform [FREE] - Interactive forms, surveys & quizzes to engage and grow your audience.Free professional plan for 1 year.
Baremetrics [FREE] - Metrics, dunning, and engagement tools for SaaS & subscription businesses.Get Baremetrics for free up to $2.5k Monthly Recurring Revenue while you are a student.
CodeScene [FREE] - A powerful visualization tool that uses Predictive Analytics to identify social patterns in your code, detect delivery risks and manage technical debt.A free Student account to analyze private GitHub repositories.
Simple Analytics [FREE] - Privacy-friendly analytics with a simple interface and API.Starter plan free for one year, including 100k page views per month.
DailyBot [FREE] - Automate daily stand-ups, follow-ups, retrospectives, surveys and feedback for your team.DailyBot Business plan free for 1 year.
Freshpaint [FREE] - Integrate your marketing and analytics tools with one click.Free Freshpaint Growth Plan while you are a student.
Raygun [FREE] - Error, crash and performance monitoring for web and mobile apps. Startup Platform plan, free for one year.
AnyChart [FREE] - A flexible JavaScript library for creating interactive charts, maps, and dashboards for visual analytics. Provides students with a free license for use in their education or other non-commercial projects.

Game Development Tools

Unity3D [FREE] -Accomplish your creative goals using the worlds leading real-time development platform, used to create half of the worlds games.Unity Student Plan free while you are a student.
Unreal Game Engine [FREE] - Unreal Engine 4 is a complete suite of game development tools. From 2D mobile games to console blockbusters and VR, Unreal Engine 4 gives you everything you need to start, ship, grow and stand out from the crowd. Part of the Github Student Developer Pack

3D Animation and Modeling Software

Autodesk Software [FREE] - The Free Autodesk Education License includes Autodesk Maya, 3DS MAX, Softimage, Motion Builder, Mudbox, Inventor Professional...

Password Managers

1Password - [FREE] 6 months of a 1Password account free. ($3/month thereafter using Personal account)
Dashlane [FREE] - 1 year of free Dashlane Premium for Students, offer for new and existing users with eligible student emails ($3.33/month thereafter)
RoboForm [FREE] - Free for students and professors with a valid college or university email address for the first year ($12/year thereafter)

Infrastructure Monitoring

Datadog [FREE] - 2-Year License for a Datadog Pro account, good for monitoring 10 servers. Part of the Github Student Developer Pack
HoneyBadger[FREE] - Exception, uptime, and cron monitoring.Free Small account for 1 year available via Github Student Developer Pack.
LogDNA[FREE] - Log management platform that offers aggregation, monitoring, and analysis of server and application logs at any volume, from any source.Up to 50 GB/month of log storage with 14 day retention for one year via Github Student Developer Pack.
Netwise [FREE] - Turnkey data centre services for the hosting of critical IT infrastructure systems.Free single unit server colocation package free for 12 months.

Software Packs

Azure for Students [FREE / DISCOUNT] - Subscriptions provide access to Azure services. Azure for Students gives you $100 credit for 12 months. It includes access to more than 25 free services, including compute, network, storage, and databases. Any charges incurred during this period are deducted from the credit.
Microsoft Office 365 Education [FREE] - Free access to Microsoft Office 365 software including Word, Excel, PowerPoint, OneNote, and Teams for students and teachers.
Intel Tools for Students [FREE] - Free access to the select Intel Software Development Products, including: Intel XDK, Intel Video Pro Analyzer, Intel System Studio, Intel Parallel Studio XE Composer Edition and Intel Parallel Studio XE Cluster Edition (includes Fortran and C/C++).
IBM Student Developer Community [FREE] - Get easy access to the tools you need to develop the next great thing. Enjoy powerful technical and strategic resources from IBM.
Exploratory [FREE] - Exploratorys Simple UI experience makes it possible for Anyone to use the latest and the most advanced innovation in Data Science to discover deep insights.Student Registration Available for pricing.
Github Student Developer Pack [FREE] - The GitHub Student Developer Pack is a collection of tools and resources that are available to students for free. It includes access to various developer tools, cloud services, and learning resources.

Learning Resources

Association of Computing Machinery with Digital Library [DISCOUNT] - Normally access to ACM and their Digital Library cost $198 USD a year, however, current IT and Computer Science students can get access for just $42 USD a year.
Frontend Masters [FREE] - Advance your skills with in-depth JavaScript, Node.js & front-end engineering courses. Getting your career started in field of FullStack Development with this amazing course. Free 6-months access to all courses and workshops.
One Month [FREE] - Learn HTML, CSS, JavaScript and Python in just 30 days!You will get Free 30-day One Month subscription.
GO RAILS [FREE] - Tutorials for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Free access to all videos and lessons for 12 months.
Thinkful [FREE] - Learn Fundamentals of Web Development to launch your career as a developer.1 month of access to a web development course.
SymfonyCasts [FREE] - Master Symfony and PHP with video tutorials and code challenges. Free 3-month subscription for students.
next.tech [FREE] - Learn tech skills and build software directly from your browser with real, online computing environments. Free access to all interactive courses and cloud computing environments for 12 months.
Educative [FREE] - Level up on trending coding skills at your own pace with interactive, text-based courses. Get 6 free months of 60+ courses covering in-demand topics like Web Development, Python, Java, and Machine Learning.
Interview Cake [FREE] - Interview Cake makes coding interviews a piece of cake with practice questions, data structures and algorithms reference pages, cheat sheets, and more. Access to the full coding interview prep course for 3 weeks.
Adafruit [FREE] - Adafruit is an open-source hardware and open-source educational electronics company based in NYC, USA.One year of Adafruit IO+ and discounts on selected hardware.
DataCamp [FREE] - DataCamp helps companies and individuals make better use of data. Our users build data fluency while learning from the worlds top data scientists.Free 3-month individual subscription for students.
Arduino Education [FREE] - Empower scientists and artists of the future with creative STEM programs.Free Arduino Create Maker plan for 6 months and discounts on selected hardware.
PomoDone [FREE] - With PomoDone, hack and track your time and boost your productivity by applying Pomodoro technique to your workflow -- eliminate distraction, sharpen focus and prevent burnout.PomoDone Lite plan free for 2-years.
HazeOver [FREE] - Get focused while working on your projects or studying with HazeOver for Mac.Free app license, including minor updates.
Drovio [FREE] - Remote pair programming and team collaboration tool. Free Standard subscription while you're a student, to be renewed every 6 months.
Github Campus Experts [FREE] - GitHub Campus Experts are students who build technical communities on campus, with training and support from GitHub.Apply to become part of the program while youre a student.
Scrimba [FREE] - Level up your coding skills with interactive courses, projects, and challenges. Learn JavaScript, CSS, React, Python, and more. Enjoy 1 month of free access to Full access to Scrimbas Pro courses, projects, and coding challenges, which includes 40+ courses available via Github Student Developer Pack.

Data science

Deepnote [FREE] - The best way to collaborate with others on data science projects. Education plan allows you to create an unlimited amount of Deepnote teams and work with any number of collaborators.

How to Obtain Tinkerwell Educational Licenses free

David Nguyen — Tue, 24 Oct 2023 16:08:19 +0000

Tinkerwell is a tool that facilitates running PHP code without the need for complex web servers or local development setups. It is particularly useful for teaching and learning PHP and its ecosystem. Tinkerwell offers free individual licenses for students and teachers who are part of accredited educational programs or institutions. Here's how you can obtain these licenses:

For Students:

If you are enrolled in an accredited educational program, you can apply for a free individual license.
To access the license, follow these steps:
- Create or log into your account on the Beyond Code website at beyondcode.com.
- Go to your profile page on beyondcode.com/profile.
- Verify your official educational email address.
- A license will be automatically added to your account.
Keep in mind that you'll need to re-verify your status as a student annually to maintain an active license.

For Teachers:

If you are a teacher at an accredited educational institution and want to use Tinkerwell in your classroom, you can request a classroom license.
Classroom licenses are managed through a single Beyond Code account, issued to accredited educational institutions, valid for one year (renewable upon request), and must only be used for teaching purposes.
Classroom licenses are not provided for individual use or for commercial purposes.

To upgrade from a non-commercial educational license to a commercial license, you can do so at any time through the license management portal on the Beyond Code website.

Please visit beyondcode.com and follow the specific steps mentioned for students and teachers to acquire your Tinkerwell educational licenses.

Get the latest Tinkerwell version for your operating system.

Source: https://eplus.dev/how-to-obtain-tinkerwell-educational-licenses-free

Quên mật khẩu Linux trên WSL? Đây là cách thiết lập lại nó một cách dễ dàng

David Nguyen — Fri, 18 Aug 2023 02:03:27 +0000

WSL (Windows Hệ thống con cho Linux) là một công cụ tiện dụng cho những người muốn tận hưởng sức mạnh của dòng lệnh Linux từ sự thoải mái của Windows.

Khi bạn cài đặt Linux bằng WSL trên Windows, bạn được yêu cầu tạo tên người dùng và mật khẩu. Người dùng này được tự động đăng nhập khi bạn khởi động Linux trên WSL.

Bây giờ, vấn đề là nếu bạn không sử dụng nó một thời gian, bạn có thể quên mật khẩu tài khoản của WSL. Và điều này sẽ trở thành vấn đề nếu bạn phải sử dụng lệnh với sudo vì ở đây bạn sẽ cần nhập mật khẩu.

Đặt lại mật khẩu đã quên cho Ubuntu hoặc bất kỳ bản phân phối Linux nào khác trên WSL

Để đặt lại mật khẩu Linux trong WSL, bạn phải:

Chuyển người dùng mặc định sang root
Đặt lại mật khẩu cho người dùng bình thường
Chuyển lại người dùng mặc định thành người dùng bình thường

Hãy để tôi chỉ cho bạn các bước chi tiết và kèm theo ảnh chụp màn hình.

Bước 1: Chuyển sang root làm người dùng mặc định

Sẽ là khôn ngoan khi ghi lại tên người dùng bình thường / thông thường của tài khoản của bạn. Như bạn có thể thấy, tên người dùng tài khoản thông thường của tôi là abhishek.

Người dùng root trong WSL đã được mở khóa và chưa đặt mật khẩu. Điều này có nghĩa là bạn có thể chuyển sang người dùng root và sau đó sử dụng sức mạnh của root để đặt lại mật khẩu.

Vì bạn không nhớ mật khẩu tài khoản, nên việc chuyển đổi sang người dùng root được thực hiện bằng cách thay đổi cấu hình của ứng dụng WSL Linux của bạn và đặt nó sử dụng người dùng root theo mặc định.

Điều này được thực hiện thông qua Windows Command Prompt và bạn sẽ cần biết lệnh nào bạn cần chạy cho bản phân phối Linux của mình.

Thông tin này thường được cung cấp trong phần mô tả của ứng dụng phân phối trong Windows Cửa hàng sách. Đây là nơi bạn đã tải xuống bản phân phối của mình ngay từ đầu.

Từ Windows trình đơn, bắt đầu dấu nhắc lệnh:

Tại đây, hãy sử dụng lệnh phân phối của bạn theo cách này. Nếu bạn đang sử dụng ứng dụng Ubuntu từ Windows lưu trữ, lệnh sẽ là:

ubuntu config --default-user root

Trong ảnh chụp màn hình, tôi đang sử dụng ứng dụng Ubuntu 20.04 từ Windows cửa hàng. Vì vậy, tôi đã sử dụng lệnh ubuntu2004.

Để giúp bạn đỡ rắc rối, tôi liệt kê một số bản phân phối và các lệnh tương ứng của chúng trong bảng này:

Ứng dụng phân phối	Windows Lệnh
Ubuntu	ubuntu config –default-user root
Ubuntu 20.04	ubuntu2004 config –root người dùng mặc định
Ubuntu 18.04	ubuntu1804 config –root người dùng mặc định
Debian	cấu hình debian – root người dùng mặc định
Linux Kali	cấu hình kali –default-user root

Bước 2: Đặt lại mật khẩu cho tài khoản

Bây giờ, nếu bạn khởi động ứng dụng phân phối Linux, bạn phải đăng nhập bằng quyền root. Bạn có thể đặt lại mật khẩu cho tài khoản người dùng bình thường.

Bạn có nhớ tên người dùng trong WSL không? Nếu không, bạn luôn có thể kiểm tra nội dung của thư mục / home. Khi bạn có tên người dùng, hãy sử dụng lệnh này:

passwd username

Nó sẽ yêu cầu bạn nhập mật khẩu mới. Khi bạn gõ vào đây, sẽ không có gì được hiển thị trên màn hình. Điều đó là bình thường. Chỉ cần nhập mật khẩu mới và nhấn enter. Bạn sẽ phải nhập lại mật khẩu mới để xác nhận và một lần nữa, sẽ không có gì hiển thị trên màn hình khi bạn nhập mật khẩu.

Xin chúc mừng. Mật khẩu cho tài khoản người dùng đã được đặt lại. Nhưng bạn vẫn chưa hoàn thành. Người dùng mặc định vẫn là root. Bạn nên thay đổi nó trở lại người dùng tài khoản thông thường của bạn, nếu không nó sẽ tiếp tục đăng nhập với tư cách người dùng root.

Bước 3: Đặt lại người dùng thông thường làm mặc định

Bạn sẽ cần tên người dùng tài khoản thông thường mà bạn đã sử dụng với lệnh passwd trong bước trước.

Bắt đầu Windows dấu nhắc lệnh một lần nữa. Sử dụng lệnh phân phối của bạn theo cách tương tự bạn đã làm trong bước 1. Tuy nhiên, lần này, hãy thay thế root bằng người dùng thông thường.

ubuntu config --default-user username

Bây giờ khi bạn khởi động ứng dụng phân phối Linux của mình trong WSL, bạn sẽ đăng nhập với tư cách người dùng thông thường. Bạn đã đặt lại mật khẩu mới và có thể sử dụng nó để chạy các lệnh với sudo.

Nếu bạn quên mật khẩu một lần nữa trong tương lai, bạn biết các bước để đặt lại mật khẩu.

Nếu việc đặt lại mật khẩu WSL dễ dàng như vậy, thì đây không phải là một rủi ro bảo mật sao?

Không hẳn vậy. Bạn cần có quyền truy cập vật lý vào máy tính cùng với quyền truy cập vào Windows tài khoản. Nếu ai đó đã có nhiều quyền truy cập này, họ có thể làm được nhiều việc hơn là chỉ thay đổi mật khẩu Linux trong WSL.

Bạn có thể đặt lại mật khẩu WSL không?

Tôi đã cung cấp cho bạn các lệnh và giải thích các bước. Tôi hy vọng điều này hữu ích cho bạn và bạn đã có thể đặt lại mật khẩu của bản phân phối Linux của mình trong WSL.

Nếu bạn vẫn gặp vấn đề hoặc nếu bạn có câu hỏi về chủ đề này, vui lòng hỏi trong phần bình luận.

Livewire Real-Time Presence

David Nguyen — Thu, 17 Aug 2023 07:41:16 +0000

I’ve always been interested in real-time technologies, especially when dealing with high traffic and complex issues. I once encountered a situation with an e-commerce store’s operation team. They faced an issue where multiple operators would handle a single order. Their initial solution was to create an auto-assign system, which aimed to distribute orders equally among operators. However, this system faced challenges when operators went on vacation or when an operator had a few particularly difficult orders to manage. So the first solution I thought of is something similar to how google docs shows you who else is reading/modifying the content in realtime.

My suggestion was to begin by informing the team if someone else is already viewing an order when they open it. This way, they can assign orders to themselves without overlap.

I’ve set up a demo to show you how this can be done, and I’ll explain it step by step. But before we dive in, let’s give this feature a name. I’ve decided to call it “On this page.”

The Project

The e-commerce admin pages are written in Blade and few little javascript. So I could’ve implemented it with a websocket server and few javascript to display the active users on every page. But Instead I used already the existing stack Laravel & Redis + Livewire.

The Idea

The operations team isn’t very big, with about 50 people. We can use Redis to track which page each person is viewing. We’ll label this information with a unique page identifier. On the page, we can then show the pictures of the users viewing it. Additionally, we can set a regular interval to update and show any new users who start viewing the page.

We can bring this idea to life using a single Livewire component:

“On this page” Livewire Component

On Mount: Use the route name combined with its original parameters to create a unique key for the route.
On Render: Do two things:

1. **Save the combination of the route identifier and user ID, setting it to automatically expire after a certain time.**

2. **Retrieve all the route identifier keys, extract user IDs from them, and then gather details like names and profile photos of these users.**

Auto-refresh: Utilize Livewire’s polling feature to refresh the component every set interval.

We chose Redis for this task. It’s perfect as it can handle a vast number of keys that auto-expire and offers the flexibility to retrieve keys on-the-go.

Install livewire

As of writing this article, Livewire 3 is still in beta. However, the code I’ll share is compatible with both version 2 and 3 since we aren’t using any exclusive features from v3. For this tutorial, I’m using v3.

composer require livewire/livewire "^3.0@beta"

On this page component

Now let’s start creating our new component

php artisan make:livewire OnThisPage

This will create 2 files

app/Livewire/OnThisPage.php
resources/views/livewire/on-this-page.blade.php

OnThisPage.php

Now, let’s dive into the main implementation. First, we’ll begin by obtaining the unique name for the route.

class OnThisPage extends Component
{
    public $routeName;

    public $durationInSeconds = 10;

    public function mount(Request $request)
    {
        $this->routeName = sprintf(
            '%s:%s', 
            $request->route()->getName(),
            implode(':', $request->route()->originalParameters())
        );
    }
}

In our approach, we’ll get the unique route name in the mount method. If we try to do this in the render method, the route name will switch to livewire.update. This happens because when the component auto-refreshes using Livewire’s polling feature, Livewire sends a request to the livewire.update route to fetch the component’s details, avoiding a full page reload.

Let’s proceed by introducing the logOnThisPage method:

private function logOnThisPage(Request $request): void
{
    $userId = $request->user()->id;
    $page = $this->routeName;
    $key = "{$page}:{$userId}";

    Redis::setex($key, $this->durationInSeconds, $userId);
}

This method fetches the user ID and the unique route name. It then combines them to form a key for Redis, which is set to expire after 10 seconds.

Next, we’ll introduce the getUserIdsOnThisPage helper method to retrieve the IDs of users currently viewing the page:

/** @return array<int> */
private function getUserIdsOnThisPage(Request $request): array
{
    $page = $this->routeName;

    return collect(Redis::keys("{$page}:*"))
        ->map(fn($key) => str_replace("{$page}:", '', $key))
        ->toArray();
}

This method gathers all keys that begin with the route name as a prefix. It then extracts just the user ID from each key.

We opt for the Redis::keys method over Redis::scan because the maximum number of users on a page is 50 (the total number of operation team members). This is a manageable number for our app’s memory.

Here’s the render method, which is the final method in our component:

public function render(Request $request)
{
    $this->logOnThisPage($request);

    $users = User::query()
        ->select('id', 'name', 'username', 'avatar_url')
        ->whereIn('id', $this->getUserIdsOnThisPage($request))
        ->get();

    return view('livewire.on-this-page', [
        'users' => $users,
        'duration' => $this->durationInSeconds,
    ]);
}

First, we log the current user with the OnThisPage function. Then, we retrieve user details from the database for display.

on-this-page.blade.php

Now, let’s tackle the frontend. In this section, we’ll loop through the list of users to display their photos. We’ll also utilize polling to automatically update the component every 20 seconds, based on the duration variable.

<div wire:poll.{{ $duration }}s>
    <div class="flex overflow-hidden items-center">
        <div class="text-gray-400">
            On this page
        </div>
        <div class="ml-2 flex -space-x-2">
            @foreach($users as $user)
                <img class="inline-block h-8 w-8 rounded-full text-white shadow-solid border border-black"
                     src="{{ asset($user->avatar_url) }}" alt="{{ $user->name }}"/>
            @endforeach
        </div>
    </div>
</div>

This template simply showcases which users are currently on the page by displaying their profile photos.

How to use

To use this component, just integrate it into the pages where you want the users to see who else is viewing the same page.

For demonstration, I integrated it into a basic CMS. In both the posts.list and posts.show views, I added this component to the header:

<div>
    <livewire:on-this-page />
</div>

This will allow team members to quickly see who else is looking at the same content.

Demo

Considerations and Implications

Polling Overhead: We set a specific time for caching and for the Livewire component to check regularly. Even though checking every few seconds helps keep things up-to-date, it can also put extra work on the system. So, it’s essential to watch the set time and see how it impacts your system.
Memory Consideration: The system is tailored for an operations team of about 50 members, but as the user base grows, so does memory consumption. This is particularly noticeable if the expiration time for Redis keys is lengthened. This growth in memory usage could impact the performance and cost-efficiency of the application if not adequately monitored and managed.
UI Clutter: Displaying a full list of users can make the interface look congested, especially when there are more than five users. It might be beneficial to set a display limit or introduce a popup that shows the complete list only when necessary.
Database Hits: The way our system is set up, it often asks the database for user info because of its regular checks. When lots of users are active, this can make the database work harder. If we don’t fix this over time, it can slow things down or cause other problems. A solution might be to store user data in Redis so we don’t have to ask the database so often.

What Do You Think?

How do you feel about this approach? Have you ever needed something similar? If so, how did you implement it? We’d love to hear your thoughts or any alternative methods you’ve tried. Share your experiences and feedback on this article with us!

The GraphOS Studio Explorer

David Nguyen — Fri, 04 Aug 2023 08:58:25 +0000

One-click query building in Explorer

Typing out GraphQL queries by hand is time-consuming at best and a frustrating minefield of confusing paths, missed brackets, and incorrect variables at worst. Explorer offers no-code query-building to eliminate syntax errors and help you be more productive. Of course, if you still need to add hand-written code, you can do just that with Explorers editor with query linting and autocomplete.

+ K field and path search

Your graph may be very deep and have thousands of fields and types. You know what data youre looking for but the more your graph scales, the more difficult it becomes to navigate the graph to get there. Explorers + K intelligent search shows you all of the possible paths to a field or type. Choose the path you want to use, and our one-click query builder will add your query to the sandbox without writing a single line of code.

Flexible response formatting Once youve built your query, Explorer shows you the response in an interactive JSON or table format with collapsible sections and data sorting by clicking on table headers. You can also copy the response to your clipboard, download it as a CSV, or download the JSON.
Explore and test your local GraphQL server

Just because youre working on your schema locally doesnt mean that you shouldnt have the best tools for the job. You can point Sandbox at any local GraphQL server and use it just as easily as other tools like GraphiQL or GraphQL Playground with zero setup. If you want to, you can even use Sandbox with production GraphQL APIs, although introspection needs to be enabled, and APIs that enforce CORS will need to allow our URL. That being said, here are a few public endpoints that you can try with Sandbox:

No login required You can use the Schema Reference and Explorer in Sandbox with your GraphQL endpoint just by going to graphql-studio.eplus.dev. Youll never have to create an account or log in, though if you do we can show you your query history and open up some additional customization settings.

Tôi đã bỏ dùng XAMPP khi biết đến Open Server Panel

David Nguyen — Sun, 30 Jul 2023 05:55:26 +0000

Những bạn lập trình web nói chung, lập trình PHP nói riêng không xa lạ gì với XAMPP.

XAMPP và Open Server Panel đều là những phần mềm mã nguồn mở cho phép bạn phát triển và thử nghiệm các ứng dụng web trên máy tính cục bộ của mình. Cả hai đều là những lựa chọn tuyệt vời cho người dùng mới bắt đầu, nhưng có một số điểm khác biệt quan trọng cần lưu ý khi chọn một trong hai.

XAMPP là một gói phần mềm tất cả trong một bao gồm Apache, MySQL, PHP và Perl. Nó có sẵn cho Windows, macOS và Linux. Open Server Panel là một trình quản lý máy chủ web dựa trên web cho phép bạn quản lý Apache, MySQL và PHP từ trình duyệt web của mình. Nó có sẵn cho Windows và Linux.

Dành cho những bạn không biết XAMPP là gì?

Xampp là chương trình tạo máy chủ Web được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào. (theo Wiki)

%[https://www.youtube.com/watch?v=h6DEDm7C37A&t=1s&ab_channel=Bitnami]

Open Server Panel (OSPanel)

Open Server Panel là một môi trường phần mềm di động được tạo riêng cho các nhà phát triển web, có tính đến các đề xuất và mong muốn của họ.

Gói phần mềm của chúng tôi bao gồm một bộ phần mềm máy chủ được lựa chọn cẩn thận cũng như tiện ích điều khiển thuận tiện với các tùy chọn cấu hình và quản trị mở rộng cho tất cả các thành phần có sẵn.

Ngày nay, OSPanel được các nhà phát triển web từ khắp nơi trên thế giới sử dụng rộng rãi để phát triển, gỡ lỗi và thử nghiệm các dự án web cũng như cung cấp dịch vụ web trên các mạng cục bộ. Dự án đã giành được sự yêu thích lớn nhất đối với các quản trị viên web mới làm quen, vì nó cho phép họ nhanh chóng triển khai môi trường làm việc và ngay lập tức bắt đầu học các công nghệ web mà không cần thao tác phức tạp để cài đặt và định cấu hình một lượng lớn phần mềm lạ. (Theo OSPanel)

Basic modules

Apache: 2.2.31, 2.4.38, 2.4.41, 2.4.54 + auth_ntlm, fcgid, xsendfile, etc.
PHP: 5.2.17, 5.3.29, 5.4.45, 5.5.38, 5.6.40, 7.0.33, 7.1.33, 7.2.34, 7.3.33, 7.4.30, 8.0.22, 8.1.9
Bind: 9.16.32
FTP FileZilla: 0.9.60
Ghostscript: 9.56.1
Nginx: 1.23.1 + ssl_preread, image_filter, geoip, geoip2, brotli и др.
NNCron Lite: 1.17
Sendmail: 32

Applications

Admin: 4.8.1
ConEmu: 22.08.07
HeidiSQL: 12.1.64
PHPMemcachedAdmin: 1.3
PHPMyAdmin: 5.2.0
PHPpgAdmin: 7.13.0
PHPRedisAdmin: 1.17.1

DBMS/NoSQL modules

MariaDB: 5.5.68, 10.1.48, 10.2.43, 10.3.36, 10.4.26, 10.5.17, 10.6.9, 10.7.5, 10.8.4
Memcached: 1.2.6, 1.4.5, 1.6.7
MongoDB: 2.4.14, 2.6.12, 3.0.15, 3.2.22, 3.4.24, 3.6.23, 4.0.28, 4.2.22, 4.4.16, 5.0.11, 6.0.1
MySQL: 5.1.73, 5.5.62, 5.6.51, 5.7.39, 8.0.30
PostgreSQL: 9.2.24, 9.3.25, 9.4.26, 9.5.25, 9.6.24, 10.22, 11.17, 12.12, 13.8, 14.5
Redis: 2.8.2402, 3.0.504, 3.2.100, 4.0.14.2, 5.0.14.1, 7.0.4

Program features

Invisible work in the Windows tray;
Server autostart when the program starts;
Multiple domain management modes;
Mounting a virtual disk;
Support for settings profiles;
Convenient viewing of component logs;
Switching HTTP, MySQL and PHP modules;
Detailed and understandable documentation;
Quick access to configuration templates;
Multilingual interface;
Autorun programs according to the list;

Environment features

Does not require installation (portability);
Simultaneous work with Denwer, Xampp, etc.;
Work on local/network/external IP;
SSL support without additional settings;
Creating a domain by creating a regular folder;
Support for Cyrillic domains;
Support for aliases (domain pointers);
Server protection from external access;
Punycode domain name converter;
A set of popular PHP extensions
Task Scheduler (cron);

%[https://www.youtube.com/watch?v=cVXWqyE6HoA&list=PLuY6eeDuleINU_F29Ijq_MgeUwjrKaVqW&ab_channel=ITDoctor]

Điểm khác biệt

Dưới đây là bảng so sánh XAMPP và OpenServer:

Hệ điều hành	Windows, Linux, macOS	Windows, Linux
Máy chủ web	Apache	Apache, Nginx
Máy chủ cơ sở dữ liệu	MySQL	MySQL, MariaDB, MongoDB, PostgreSQL, Redis
Task Scheduler (cron)	Không có	Có
Máy chủ PHP	PHP (only PHP version)	PHP (multiple PHP versions)
Máy chủ Perl	Perl	Perl
Máy chủ FTP	FileZilla	FileZilla
Máy chủ SMTP	Mercury Mail	Mercury Mail
Nhiều chế độ quản lý tên miền	Không có	Có
SSL	Không có	Có
Work on local/network/external IP	Không có	Có
Control Panel	XAMPP Control Panel	OpenServer Control Panel
Kích thước	149 MB	1.3 GB
Lịch sử phát triển	Được phát triển từ năm 2002	Được phát triển từ năm 2001
Số lượng người dùng	Hơn 60 triệu người dùng	Hơn 20 triệu người dùng

Kết luận

Qua kết quả so sánh các bạn cũng thấy, OpenServer tuy ít được nhiều người biết tới, nhưng nó là công cụ mạnh mẽ hơn XAMPP.

Download

Trang chủ download XAMPP: https://www.apachefriends.org/download.html
Trang chủ downloads OpenServer: https://ospanel.io/download/

Gmail + email address trick for multiple accounts

David Nguyen — Thu, 27 Jul 2023 02:13:04 +0000

As of my last update in September 2021, Gmail had a useful trick that allowed users to create multiple accounts using a single email address. This trick exploits Gmail's ability to recognize variations in the email address while still delivering emails to the same primary account. Please note that Google may change or update its policies, so it's best to verify this information with the latest Gmail documentation.

Here's how the trick works:

Using the "+" symbol: Gmail ignores any characters after a "+" symbol in the email address. For example, if your primary email address is "myemail@gmail.com," you can create multiple accounts by adding a "+" followed by a unique identifier before the "@" symbol. For instance:
Using dots (periods): Gmail also ignores dots in the email address. For example, "myemail@gmail.com," "my.email@gmail.com," and "m.y.e.m.a.i.l@gmail.com" all deliver emails to the same account.

This trick is useful for organizing emails and signing up for various services while still receiving all correspondence in your primary Gmail inbox. It helps you differentiate the sources of emails and filter them accordingly using Gmail's filters and labels.

Remember that while this trick works with Gmail, not all email providers support the same feature. So, if you use other email services, it may not work in the same way.

Always be cautious while using email variations, especially for sensitive accounts, as it may make your email more accessible to spammers or attackers if they figure out your pattern. It's better to use strong passwords and two-factor authentication for securing your accounts.

Netflix Việt Nam chính thức tiến hành xác minh thiết bị thuộc hộ gia đình

David Nguyen — Fri, 21 Jul 2023 11:51:45 +0000

Cập nhật về chia sẻ giữa các hộ gia đình

Chào Hoàng,

Tài khoản Netflix dành cho bạn và những người sống cùng bạn – hộ gia đình của bạn.

Bạn có thể dễ dàng xem Netflix trong khi di chuyển và khi đi du lịch — trên thiết bị cá nhân hoặc trên TV tại khách sạn hay nhà nghỉ.

Để quản lý cách tài khoản được sử dụng, bạn có thể:

Xem ai đang dùng Netflix của bạn. Kiểm tra xem thiết bị nào đang đăng nhập vào tài khoản của bạn. Đăng xuất khỏi các thiết bị không có quyền truy cập và xem xét thay đổi mật khẩu.

Nếu có người không thuộc hộ gia đình sử dụng tài khoản của bạn, bạn có thể:

Chuyển hồ sơ. Bất cứ ai sử dụng tài khoản của bạn đều có thể chuyển hồ sơ sang một gói thành viên mới mà họ tự thanh toán.

Chúng tôi biết bạn có thể có thắc mắc. Thông tin chi tiết có trên Trung tâm trợ giúp của chúng tôi.

Cảm ơn bạn đã lựa chọn Netflix. Chúng tôi rất vui khi có bạn làm thành viên và hi vọng có thể mang đến cho bạn nhiều chương trình truyền hình và phim tuyệt vời hơn nữa.

Đội ngũ Netflix

Theo đó, vào sáng 22/07/2023 khi tôi đăng nhập vào Netflix trên TV thì nhận được thông báo cần xác nhận TV thuộc hộ gia đình.

Nếu không xem Netflix trên TV hoặc không có TV, thì bạn không cần thiết lập Hộ gia đình Netflix cho tài khoản của mình.

Quy trình xác nhận thiết bị thuộc hộ gia đình khá đơn giản theo 2 hình thức email hoặc SMS.

Truy cập đường dẫn và bấm vào nút xác nhận hộ gia đình, TV sẽ tự động xác nhận và tiếp tục truy cập xem Netflix như bình thường.

Màn hình quản lý thiết bị trên Netflix

Cách thiết lập hoặc cập nhật Hộ gia đình Netflix

Hộ gia đình Netflix là tập hợp các thiết bị Netflix đang kết nối với internet tại địa điểm chính mà bạn xem Netflix. Có thể thiết lập Hộ gia đình Netflix bằng thiết bị TV. Các thiết bị sử dụng tài khoản Netflix của bạn đang kết nối cùng mạng internet với chiếc TV này sẽ tự động thuộc về Hộ gia đình Netflix của bạn.

Thiết lập hoặc cập nhật Hộ gia đình Netflix của bạn

Bạn có thể thiết lập hoặc cập nhật Hộ gia đình Netflix của mình khi đăng nhập vào Netflix từ một TV đang kết nối với internet tại nhà bạn.

Trên màn hình chính của Netflix trên TV, nhấn phím trái trên điều khiển từ xa để mở menu.
Chọn Nhờ giúp đỡ > Quản lý Hộ gia đình Netflix.
Chọn Xác nhận Hộ gia đình Netflix hoặc Cập nhật Hộ gia đình Netflix của tôi.
Chọn Gửi email hoặc Gửi tin nhắn. Một liên kết xác minh sẽ được gửi đến địa chỉ email hoặc số điện thoại của tài khoản. Liên kết xác minh sẽ hết hạn sau 15 phút.

LƯU Ý:

Nếu chưa thêm số điện thoại hoặc địa chỉ email vào tài khoản của mình, bạn sẽ chỉ nhìn thấy một tùy chọn.
Nếu bạn không nhận được liên kết xác minh qua email hoặc tin nhắn, hãy nhấp vào Gửi lại email hoặc Gửi lại tin nhắn. Hoặc bạn có thể chọn một tùy chọn khác hoặc chọn Nhắc tôi sau.
Chọn Đúng, đây là tôi trong email hoặc nhấn vào liên kết trong tin nhắn văn bản, sau đó Xác nhận Hộ gia đình Netflix hoặc Cập nhật Hộ gia đình Netflix để tiếp tục.
Bạn sẽ thấy xác nhận trên màn hình TV và nhận được email xác nhận. Chọn Tiếp tục đến Netflix để bắt đầu xem.

LƯU Ý:

"Kết nối internet" đề cập đến kết nối internet có dây hoặc không dây mà bạn sử dụng. Nếu bạn có nhiều mạng Wi-Fi, thì chúng tôi chỉ có thể liên kết một mạng với Hộ gia đình Netflix của bạn. Nếu bạn muốn xem Netflix trên các thiết bị đang kết nối với mạng Wi-Fi thông qua tài khoản ISP khác hoặc có địa chỉ IP bên ngoài khác, bạn có thể được yêu cầu xác minh rằng thiết bị đó thuộc Hộ gia đình Netflix. Đảm bảo thiết lập hoặc cập nhật Hộ gia đình Netflix của bạn từ một thiết bị đang kết nối với kết nối internet mà bạn ưu tiên hoặc sử dụng nhiều nhất.

Apple Pay Bắt Đầu Hỗ Trợ Thẻ VISA Của TPBank và VPBank Ở Việt Nam

David Nguyen — Fri, 21 Jul 2023 11:51:45 +0000

Tính đến thời điểm hiện tại, dịch vụ thanh toán di động Apple Pay vẫn chưa chính thức được ra mắt tại Việt Nam. Tuy nhiên, có thông tin từ một số người dùng cho biết vào ngày 20/6 (giờ Việt Nam), họ đã có thể liên kết và sử dụng Apple Pay với thẻ VISA của ngân hàng TPBank. Sau đó, ngân hàng VPBank cũng thông báo hỗ trợ thêm thẻ vào Apple Pay.

Để thêm thẻ vào Apple Pay, người dùng cần chuyển vùng iPhone sang Mỹ. Nếu vẫn để vùng Việt Nam, hệ thống sẽ yêu cầu thêm thẻ thông qua các ứng dụng ngân hàng, email hoặc trang web. Tiếp theo, người dùng chỉ cần truy cập vào ứng dụng Wallet (Ví) trên màn hình chính, chọn nút "Thêm", và nhập thông tin thẻ để hoàn tất quá trình.

Tuy đã có một số người dùng thành công trong việc liên kết thẻ VISA của TPBank và VPBank vào Apple Pay và thực hiện thanh toán, nhưng việc hỗ trợ thẻ này có thể khác nhau đối với các ngân hàng khác nhau. Có những ngân hàng khác như Vietcombank và Techcombank chưa được hỗ trợ, hệ thống báo lỗi "Nhà phát hành thẻ của bạn chưa cung cấp hỗ trợ cho thẻ này".

Apple Pay là một dịch vụ thanh toán di động và ví điện tử được Apple giới thiệu lần đầu trên bộ đôi iPhone 6/6 Plus vào tháng 9 năm 2014. Hiện tại, Apple Pay đã hỗ trợ nhiều quốc gia thuộc Châu Âu và Bắc Mỹ. Cũng có một số quốc gia Châu Á như Trung Quốc, Hong Kong, Singapore và Nhật Bản cũng đã được hỗ trợ. Việc dịch vụ này dự kiến hỗ trợ tại Việt Nam vào cuối tháng 7, nhưng vẫn chưa có thông báo chính thức từ Apple về việc này. Cần lưu ý rằng thông tin về việc hỗ trợ các quốc gia có thể thay đổi và mở rộng sau khi tôi dừng cập nhật kiến thức vào tháng 9 năm 2021.

Dưới đây là hướng dẫn Thiết lập và Sử dụng Apple Pay trên iPhone:

Để sử dụng Apple Pay, bạn cần:

Một thiết bị tương thích với phiên bản iOS hoặc iPadOS, watchOS hoặc macOS mới nhất.
Một thẻ được hỗ trợ từ tổ chức phát hành thẻ tham gia chương trình.
ID Apple đã được sử dụng để đăng nhập vào iCloud.

Với những yêu cầu đơn giản này, bạn có thể bắt đầu sử dụng Apple Pay và trải nghiệm một phương thức thanh toán tiện lợi và an toàn.

THÊM THẺ CHO APPLE PAY TRÊN IPHONE

Nếu bạn muốn thêm thẻ tín dụng hoặc thẻ ghi nợ vào Apple Pay trên iPhone, có thể thực hiện theo các bước sau:

Mở ứng dụng Ví trên iPhone của bạn.
Chạm vào nút "Thêm" (+) ở góc phải màn hình.
Chọn "Thẻ ghi nợ hoặc Thẻ tín dụng".
Nhập thông tin thẻ của bạn bằng cách quét mã vạch trên thẻ hoặc nhập thông tin thủ công.
Xác minh thông tin thẻ với ngân hàng hoặc tổ chức phát hành thẻ của bạn.

Nếu thông tin được xác nhận, thẻ sẽ được thêm vào Apple Pay và bạn có thể sử dụng nó để thanh toán.

Nếu bạn muốn thêm thẻ đã sử dụng trước đó vào Apple Pay trên iPhone, thực hiện các bước sau:

Mở ứng dụng Ví trên iPhone của bạn.
Chạm vào nút "Thêm" (+) ở góc phải màn hình.
Chọn "Thẻ trước đó" để xem danh sách các thẻ bạn đã thêm trước đó vào ứng dụng Ví.
Chọn thẻ bạn muốn thêm và nhập mã bảo mật nếu cần thiết.
Xác minh thông tin thẻ với ngân hàng hoặc tổ chức phát hành thẻ của bạn.

Nếu thông tin được xác nhận, thẻ sẽ được thêm vào Apple Pay và bạn có thể sử dụng nó để thanh toán.

Nếu bạn gặp vấn đề khi thêm thẻ vào Apple Pay, bạn nên liên hệ với ngân hàng hoặc tổ chức phát hành thẻ của mình để được hỗ trợ.

Hãy trải nghiệm một phương thức thanh toán tiện lợi và an toàn với Apple Pay!