# การติดตั้งลงบน Desktop และ Mobile

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-Mijal7uJqCYUjpaL2X5%2F-MijbOcT0GakFHhm0KNr%2FPWA-logo.png?alt=media\&token=1b8e2809-5f3e-43ce-8cf0-d0563d28cdc1)

iWallet เป็น Bot ที่ทำงานในลักษณะของ Web Application ที่สามารถติดตั้งลงบน Desktop และ Mobile ได้ โดยใช้ Feature PWA (Progressive Web App) ดังนี้ 

**หมายเหตุ**

ก่อนที่จะใช้ Feature PWA ได้ จะต้องมีการตั้งค่าและเปิดการใช้งาน Https แล้วเท่านั้น สามารถอ่านรายละเอียดเพิ่มเติมได้ที่หน้า [ความปลอดภัย](https://iwallet.jittagornp.me/security)

## การติดตั้งลงบน Desktop 

ขอยกตัวอย่างด้วย **macOS**

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijbThs5TFoT3BXQugv%2F-MikJhjZ3zYsWNMSMjB7%2FPWA_google-chrome.png?alt=media\&token=437d49eb-d136-484e-b093-f20a5bbaef84)

1\. เปิด Browser Google Chrome ขึ้นมา จากนั้นไปที่ Domain Name ที่เราติดตั้ง Bot ไว้ สมมติว่าเป็น `https://ad643b8e-32ac-41b0-bb1f-7b8f07e6aa10.mydomain.com` ดังรูป

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijIDg-oybfMgh-eUoj%2F-MijNEmmlUAW8Jeym0-I%2FPWA_install-to-desktop-1.png?alt=media\&token=48880546-23d4-4ba6-8086-3698306d4ec7)

2\. เอาเมาส์ไปคลิกที่ Address Bar ของ Browser จะปรากฏเป็นไอคอน Install App ขึ้นมา ให้คลิกที่ไอคอนนั้น แล้วคลิกที่ปุ่ม Install ดังรูป

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijZVFEJhlQJciniMVB%2F-MijYs2RixEgLj5DlEl5%2FPWA.png?alt=media\&token=d79c4c36-02ab-4ca3-a370-e199737d2332)

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijIDg-oybfMgh-eUoj%2F-MijNnM581aOFFJnmtB1%2FPWA_install-to-desktop-2.png?alt=media\&token=c05bf4f1-dfb6-4677-8366-9be855394510)

3\. iWallet จะถูกติดตั้ง เป็น Desktop Application 

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijRpvrAWgECRezliHN%2F-MijS-aXdTnq3F-gR_oI%2FPWA_install-to-desktop-3.png?alt=media\&token=c3d09f25-690c-4ce3-b0c8-8749a40fe94c)

4\. เมื่อคลิกที่ไอคอน iWallet ก็จะเป็นการเปิดใช้งาน Application เหมือนกับ Desktop Application อื่น ๆ

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijRpvrAWgECRezliHN%2F-MijSQU2Fv37xL-p5d9c%2FPWA_install-to-desktop-4.png?alt=media\&token=45c9634b-177b-48b2-aaf5-da602e4cddca)

**หมายเหตุ**

ระบบปฏิบัติการ (Operating System) อื่น ๆ ก็ทำเช่นเดียวกัน 

## การติดตั้งลงบน Mobile (iPhone)

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijbThs5TFoT3BXQugv%2F-MikJCeE99PJtgkFRMWK%2FPWA_safari.png?alt=media\&token=7953f7ee-ecbc-47fa-b149-76130148a62f)

เปิด Browser Safari ขึ้นมา จากนั้นไปที่ Domain Name ที่เราติดตั้ง Bot ไว้ สมมติว่าเป็น `https://ad643b8e-32ac-41b0-bb1f-7b8f07e6aa10.mydomain.com` ดังรูป

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijbThs5TFoT3BXQugv%2F-MikHrrGEOY8VQhKfAnR%2FPWA_Mobile-1.png?alt=media\&token=6e030563-2336-451b-8996-2292b5a96b14)

ถัดมา

1. คลิกที่ปุ่ม Share 
2. คลิกที่เมนู เพิ่มไปยังหน้าจอโฮม (Add to Home Screen)

![](https://972085701-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhfoWNADLmnfzSLjYjS%2F-MijbThs5TFoT3BXQugv%2F-MikJy1I-nbRgt0KLsJ7%2FPWA_Mobile-2.png?alt=media\&token=d32d938c-9f47-4e42-b36d-edb905d07e61)

3\. คลิกที่ปุ่มเพิ่ม (Add) จะปรากฎเป็นไอคอน iWallet อยู่ที่หน้าจอ 

เมื่อคลิกที่ไอคอน iWallet ก็จะเข้าสู่ Application 

## การติดตั้งลงบน Mobile (Android)

TODO