[บอกความลับ] มา Shortcuts ด้วย LINE URL schemes กัน

เรื่องของ LINE schemes มองว่าเป็นการลดขั้นตอนที่จะเข้าถึงการทำงานบางอย่างของ LINE (ซึ่งมันมีมานานมากเลย) น้อยคนจะรู้ ซึ่งรับรองว่ามันจะช่วยให้ user ผู้ใช้งานของเรารู้สึกถึงความ Cool มากขึ้นเพราะ แถมบางอย่างเราก็อาจจะไม่ต้อง Dev เอง นั้นแปลว่า ทั่วไปก็ใช้กันได้เลย ด้วยนะ ปู…มาขนาดนี้ ลองดูว่ามีอะไรบ้าง

มีฟีเจอร์ดังนี้

เพื่อให้ประสิทธิภาพฉายได้เต็มที่ ให้นำลิ้งค์ทั้งหมดเล่นบนน มือถือ LINE Application

เปิดใช้งานกล้องถ่ายรูป และ ส่ง รูปภาพ

ซึ่งเราจะมีสามรูปแบบดังนี้

  1. เปิดกล้องถ่ายรูป (ซ้าย)
https://line.me/R/nv/camera/

2. เปิดอัลบัมเพื่อส่งรูปเดียว (กลาง)

https://line.me/R/nv/cameraRoll/single

3. เปิดอัลบัมรูปเพื่อส่งได้หลายภาพ (ขวา)

 https://line.me/R/nv/cameraRoll/multi

เปิดแผนที่และส่ง location

ถ้าทำเป็น Imagemap หรือ Flexmessage ให้เพื่อนๆได้ส่ง Location นี่ก็เท่เลย

หมายเหตุ ไม่สามารถใช้บน Chat ได้ต้องไปใส่ใน LINE Official Account

https://line.me/R/nv/location/

แชร์ Contract LINE Official Account

ส่วนนี้จะเป็นการแชร์ LINE OA ของเราซึ่งจะมีความยุ่งนิดหน่อยแต่ก็ ไม่ คณามือเราหร๊อกกก ซึ่งจะมีให้ใช้สองแบบดังนี้

  1. แบบที่ 1 ทางตรง
https://line.me/R/ti/p/@432nnff

โดยเราจะแก้เพียงแค่ส่วนข้างหลังแล้วส่งให้เพื่อนเช่น ร้านผม Account : @432nnffa ซึ่งสามารถดูได้ที่ LINE Official Account Manager

ก็นำมาต่อกันเป็น https://line.me/R/ti/p/@432nnffa

2. แบบที่สองแชร์กับเพื่อน

https://line.me/R/nv/recommendOA/@432nnffa

แบบที่สองนี้ผมชอบมากเพราะว่าเราอาจจะอยากส่ง LINE OA นี้ให้เพื่อนด้วยไม่ได้แค่ให้เพื่อนเปิดก็จัดไป LINE จะเปิดหน้า Share ขึ้นมาให้เลย

หมายเหตุ ถ้าเพื่อนเปลี่ยนชื่อเป็น พรีเมียม ID ก็สามารถใช้ได้เช่น https://line.me/R/ti/p/@ex10

เปิด LINE VOOM and Profile (TikTok Version LINE 🤣)

LINE VOOM ตัวนี้ต้องยอมเขาเลยผมเองไม่เคยเล่นนะ แต่ดูแล้ว แข่งกับวงการ Tik Tok แน่ๆ ซึ่งจริงๆแล้วมันก็คือ อดีต LINE Timeline ที่เรา Post นั้น

จากเอกสาร VOOM LINE Scheme จะมีให้ทั้งหมด 3 รูปแบบ

  1. แบบแรกนี้จะเป็นการเปิดหน้าหลักของ LINE VOOM เป็นเหมือน Home เลย (ซ้าย)
https://line.me/R/home/public/main?id=@432nnffa

2. แบบที่สองนี้เป็นการเปิด Profile นะไม่ใช่ Home ซึ่งจะมีพวก Icon ที่เรา Set ให้มายัง OAได้ (ขวา)

https://line.me/R/home/public/profile?id=@432nnffa

3. แบบที่สามอันนี้เท่หน่อย มันคือการที่เรา Post ไปยัง LINE Voom แล้วต้องการให้เพื่อนเข้ามาถึงที่เราโพสได้ ก็จะลากมาให้ดูเลยแถมให้เพื่อน Add LINE ด้วยนะ

https://line.me/R/home/public/post?id=@432nnffa&postId=1162493740906051690

เพื่อนอาจจะสงสัยว่า postId เอามาจากไหน ตอบได้เลยว่า มันอยู่ตรงนี้…..

ซึ่งถ้าส่งแล้วจะได้ดังรูป

เปิด Profile และ LINE ID ของ User (ของคนที่กดลิ้งค์)

ส่วนนี้เป็นการเปิด Profile LINE ส่วนตัวของผู้กดลิ้งค์ กับ เปิด LINE ID ส่วนตัวมองว่า User มักจะต้องหา ID ตัวเองแบบ คุยนอกรอบ มันก็ดูเป็นเรื่องดีนะ หรือบางคนหา ID ตัวเองไม่เจอก็ใช้วิธีนี้ได้นะ

โดยจะมีสองแบบให้กด

  1. เปิดหน้าProfile (ซ้าย)
https://line.me/R/nv/profile

2. เปิด LINE ID (ขวา)

https://line.me/R/nv/profileSetId

เปิดเมนูต่างๆของ LINE เช่น Chat / Timeline / Wallet / Add Friend / Official Action (Common LINE screens)

ส่วนนี้เข้าใจว่าจะเป็นการลากผู้ใช้งานเราไป จุดต่างๆของ LINE ลองคิดว่ามันก็มีประประโยชน์นะเช่นพาไปหน้าเพิ่มเพื่อน หรือพาไปหน้าจ่ายเงิน สำหรับร้านค้า ลองดูกันว่ามีอะไรบ้าง

รูปแบบทั้งหมดของ Common LINE screens มีดังนี้

  1. พาไปหน้า User ไปที่หน้าแชท
https://line.me/R/nv/chat

2. ไปหน้า LINE VOOM

https://line.me/R/nv/timeline

3. พาไปหน้า LINE Wallet

https://line.me/R/nv/wallet

4. พาไปหน้าเพิ่มเพื่อน

https://line.me/R/nv/addFriends

5. พาไปหน้าค้นหา Official Account

https://line.me/R/nv/officialAccounts

ส่งข้อความประเภท Text Message

อันนี้คือที่สุดของการส่งข้อความแบบโคตรเท่ กาวมาก ซึ่งจริงๆมันแถบจะเป็นทุกอย่างการส่งข้อความไปหาคนนั้นคนนี้โดยการพิมพ์ครั้งเดียวได้เลย มาดูกันมีอะไรบ้าง

  1. ข้อความด้าน “คิดถึงนะ” นี้จะสามารถแชร์ไปหาคนอื่นได้เลยนะ ฮาๆ
https://line.me/R/share?text=คิดถึงนะ

2. ส่งไป LINE OA

https://line.me/R/oaMessage/%40432nnffa/?คิดถึงนะ

ส่วนนี้จะเป็นการโยนข้อความไปยังช่องพิมพ์บน LINE ID ที่เราแปะ
https://line.me/R/oaMessage/{LINE ID}/?{text_message}

แต่มีเรื่องหนึ่งที่บางครั้งอาจจะเจอปัญหาได้ ในส่วนของ text_message คือในการส่งข้อความนี้ ควรจะอยู่บนพื้นฐานของ UTF-8 ด้วยนะครับเช่นเป็นประโยคยาวๆ เช่น

https://line.me/R/oaMessage/@432nnffa/?คิดถึงนะ~ สวัสดีปีใหม่…. มาลองใช้ EX10กัน

จะสังเกตว่ามีเรื่องของตัวอักษรพิเศษบ้าง มีเว้นวรรคบ้างแต่จะทำไงละ 55555+
ขายของกันตรงนี้ว่า ex10 Dev Tools เขามีเข้ารหัสนะ

https://ex10.tech/tools/encode/url

https://ex10.tech/tools/encode/url

ผลลัพธ์ที่ได้จะเป็นแบบนี้


https://line.me/R/oaMessage/@432nnffa/?%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B8%96%E0%B8%B6%E0%B8%87%E0%B8%99%E0%B8%B0~%20%E0%B8%AA%E0%B8%A7%E0%B8%B1%E0%B8%AA%E0%B8%94%E0%B8%B5%E0%B8%9B%E0%B8%B5%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88%E2%80%A6.%20%E0%B8%A1%E0%B8%B2%E0%B8%A5%E0%B8%AD%E0%B8%87%E0%B9%83%E0%B8%8A%E0%B9%89%20EX10%E0%B8%81%E0%B8%B1%E0%B8%99

ทาาด้าาาาา~~~~

เปิดการตั้งค่าบัญชี

เรื่องการตั้งค่าจะเป็นส่วนการเปิดหน้าตั้งค่าทั้งหมด ของ LINE ซึ่งมีให้จะทุกส่วนเลย เยอะมากกกก ดังนี้

  1. หน้าตั้งค่า
https://line.me/R/nv/settings

2. หน้าตั้งค่าบัญชี บางคนอาจจะหาที่แก้ไขข้อมูลพวก Email หรือเชื่อมกับเบอร์โทร

https://line.me/R/nv/settings/account

3. ส่วนนี้ของเทพเลยคือ แสดง App ที่เราไปอนุญาตทั้งหมดของ LINE เผื่อใครอยากยกเลิกเชื่อมต่อ

https://line.me/R/nv/connectedApps

4. แสดงข้อมูลอุปกรณ์ที่ Account login ที่เชื่อมต่ออยู่ทั้งหมด

https://line.me/R/nv/connectedDevices

5. ตั้งค่าความเป็นส่วนตัว

https://line.me/R/nv/settings/privacy

6. แสดงการเชื่อมต่อกับอุปกรณ์ LINE Thing ซึ่งถ้าใครเล่นก็น่าชอบอยู่น้า

https://line.me/R/nv/things/deviceLink

7. หน้าตั้งค่า Sticker ของเครื่อง User

https://line.me/R/nv/settings/sticker

8. เปิดรายการ Stricker ของฉันที่มีอยู่

https://line.me/R/nv/stickerShop/mySticker

9. เปิดหน้าตั้งค่า Theme ซึ่งลิ้งมีสองอันโดยต้องเปิดคนละ OS

https://line.me/R/nv/settings/themeSettingsMenu (iOS)

https://line.me/R/nv/settings/theme (Android)

10. แจ้งเตือนเกี่ยวกับ App ต่างๆที่อนุญาต

https://line.me/R/nv/notificationServiceDetail

11. ตั้งค่าหน้า Chat ของเรานั้นเอง แถมๆ สำรองแชทหน้านี้ด้วยนะ

https://line.me/R/nv/settings/chatSettings

12 แนะนำการตั้งค่า ของผมแสดงเป็น แนะนำสติกเกอร์ กับ ภาษา

https://line.me/R/nv/suggestSettings

13. ตั้งค่าการโทรเข้าออก

https://line.me/R/nv/settings/callSettings

14. ตั้งค่าการ เพิ่มเพื่อน รายคนมีปัญหาเพิ่มไม่ได้ให้มาดูตรงนี้เลย

https://line.me/R/nv/settings/addressBookSync

15. ตั้งค่าการแสดงผล LINE VOOM ให้แจ้งเตือนหรือ ซ่อน

https://line.me/R/nv/settings/timelineSettings

เปิดร้าน Stricker (สามารถพาไปร้านของเราได้ด้วยนะถ้ามี)

ส่วนตัวชอบเรื่องการพา User ไปเจอ Stricker ถ้ามีใครออกแบบให้ไป Download ก็แนบได้เลยนะ และยังมีพาไปอื่นๆด้วย ลองมาดูมีอะไรบ้าง

  1. พาไปยังร้านค้า LINE Sticker
https://line.me/R/shop/sticker/detail/14935

แต่ต้องเปิดผ่าน Mobile (ซ้าย)ส่วน14935 นี่คือ packag id โดยเราจะหาได้ดังนี้ (ภาพขวา)
https://store.line.me/stickershop/product/24422/en

https://line.me/R/shop/category/1000082

พาไปยังหน้ากลุ่มของ Sticker ที่ได้รับความนิยม แต่ต้องเปิดผ่าน Mobile ส่วน 1000082 คือ catagory id โดยเราจะหาได้ดังนี้ https://store.line.me/stickershop/showcase/top/en?category=1000082

https://store.line.me/stickershop/showcase/top/en?category=1000082
https://store.line.me/stickershop/showcase/top/en?category=1000082

2. จะพาไปยังกลุ่ม Sticker โดยผู้วาด ส่วน 92843 คือ author id ของผู้วาดโดยเราจะหาได้ดังนี้

https://line.me/R/shop/sticker/author/92843

https://store.line.me/stickershop/author/92843/en

4. พาไปหน้า Home ร้าน Sticker

https://line.me/R/nv/stickerShop

5. พาไปหน้าร้านที่ได้รับความนิยม

https://line.me/R/shop/sticker/hot

6. พาไปหน้า sticker ที่มาใหม่

https://line.me/R/shop/sticker/new

7. อันนี้ดีพาไป Sticker ที่แจก หรือมีกิจกรรม

https://line.me/R/shop/sticker/event

8.ไปพาหน้าจัดหมวดหมู่ของ sticker

https://line.me/R/shop/sticker/category

เปิดร้าน Them Shop

ส่วนนี้เหมือน sticker เลย ถ้าใครทำ theme ก็ใช้ได้นะ

https://line.me/R/shop/theme/detail?id=91adcead-a898–4d24–927e-88d2156316b9

ก็สามารหาได้จาก
https://store.line.me/themeshop/home/en นี้เลย

กดโทรด้วย LINE และเปิดรายชื่อเพื่อน (อื่นๆมีค่าใช้จ่ายไม่ได้พูดถึง)

ตรงนี้อาจจะะขออนุญาต ไม่ได้แกะทุกตัวน้าแต่เอาที่เคยใช้จะเป็น Calls กับ Contacts แต่จะแปะอื่นๆไว้

  1. พาไปหน้าประวัติการโทร
https://line.me/R/calls

2. พาไปหน้ากดเบอร์โทรซึ่งตรงนี้แหละท่านต้องเติม Cradit ซึ่งสามารถซึ้อได้จาก link นี้ https://store.line.me/call/showcase/th#30days

https://line.me/R/call/dialpad

3. พาไปหน้าตั้งค่า และ ประวัติการโทรได้ หรือสามารถซื้อ Credit เพิ่มเติมได้จากหน้านี้

https://line.me/R/call/settings

4. พาไปหน้าข้อมูลติดต่อเพื่อนใน LINE อันนี้เหมาะกับการจะแชร์ Contact ฝุดๆ

https://line.me/R/call/contacts

5. พาไปหน้าแรก Credit

https://line.me/R/call/redeem

กดเปิด LIFF (แอบยากนิดนึง แต่สำหรับ DEV ก็คงทราบแล้ว)

เรื่อง LIFF นี่บอกเลยว่า แถบจะเป็นประตูมิติ ที่ช่วยให้ สร้างประสบการณ์ใช้งาน LINE ให้กับ Users ทั่วไปได้ดีมากๆเลย ถ้าอยากรู้รายละเอียด และลองทำจริง เขามี Codelab แล้วด้วยนะ ลิ้งค์นี้เลย

มาในส่วนของ LINE URL Scheme ของ LIFF จะเป็นแบบนี้

  1. https://liff.line.me/1656765873-mEbYOaAw
    โดน LIFF URL จะมี liff id : 1656765873-mEbYOaAw ถ้าใครยังไม่รู้ต้องไปทำ Codelab แล้วละ มันมีความสุดยอดมากๆ บอกใบ้ได้เท่านี้
    แต่เดียวก่อน… ที่เราเห็นนี้ จะเป็น https:// ใช่มั้ยครับ ซึ่งส่วนนี้คือ LIFF Version 2 ที่ออกมาเพื่อให้คนที่สร้างสามารถใช้งานบน Browser ได้ด้วย เพราะ Version 1 เปิดไป Browser. ภายนอกไม่ได้ยังไงละ ก็อาจจะมีข้อดีข้อเสียละมั้ง ถ้าให้คิด
  2. แล้วถ้าเป็น Version 1 ละที่จะไม่แสดงออกไป Browser นอกให้แสดงได้แค่ใน LINE จะเป็นแบบนี้ line://app/1656765873-mEbYOaAw ถ้าเพื่อนลอง Copy ไปวางก็จะเปิดบน Chrome หรือ Safari หรือ อื่นๆที่ไม่ใช่ LINE ได้แน่นอน

หมายเหตุถ้าใครมาถึงเรื่องนี้แล้วอยากรู้เกี่ยวกับ Paramitter หรือแนบ. query string ในการส่งค่าด้วย บทความนี้เลย ละเอียดกว่านี้ก็เม็ดทรายแล้ว

เปิด Browser ให้เด้งออกไปข้างนอกได้ (ทุกคนต้องรักเพราะถามกันเยอะเลย)

ประเด็นส่วนนี้มีเรื่องเดียวเลย คือไม่อยากเปิดลิ้งแล้วให้ไปโผล่ใน LINE อยากให้เด้งออกไปข้างนอกเช่น

Old : https://ex10.tech/ แบบนี้ถ้าเปิดมันจะเปิดใน Internal APP ของ LINE ซึ่งถ้าอยากให้เด้งออกไป เผื่อเอาไป Download PDF หรือ ใดๆให้เติมแบบด้านล่างนี้

New :

 https://ex10.tech?openExternalBrowser=1

?openExternalBrowser=1นั้นเอง

แต่ทาง LINE ก็มีแถมให้เรื่องแล้วถ้าอยากจะกลับไปเปิดใน LINE (รองรับแค่ ​Android) ให้ใส่เป็น

https://example.com/?openInAppBrowser=0

รวม

# กล้องhttps://line.me/R/nv/camera/https://line.me/R/nv/cameraRoll/single https://line.me/R/nv/cameraRoll/multi
# location
https://line.me/R/nv/location/
# Share Official Account
https://line.me/R/ti/p/@432nnffhttps://line.me/R/nv/recommendOA/@432nnffa
# LINE VOOM
https://line.me/R/home/public/main?id=@432nnffahttps://line.me/R/home/public/profile?id=@432nnffahttps://line.me/R/home/public/post?id=@432nnffa&postId=1162493740906051690
#Profile
https://line.me/R/nv/profilehttps://line.me/R/nv/profileSetIdhttps://line.me/R/nv/chathttps://line.me/R/nv/timelinehttps://line.me/R/nv/wallethttps://line.me/R/nv/addFriendshttps://line.me/R/nv/officialAccounts# Send Texthttps://line.me/R/share?text=คิดถึงนะhttps://line.me/R/oaMessage/%40432nnffa/?คิดถึงนะhttps://line.me/R/oaMessage/@432nnffa/?%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B8%96%E0%B8%B6%E0%B8%87%E0%B8%99%E0%B8%B0~%20%E0%B8%AA%E0%B8%A7%E0%B8%B1%E0%B8%AA%E0%B8%94%E0%B8%B5%E0%B8%9B%E0%B8%B5%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88%E2%80%A6.%20%E0%B8%A1%E0%B8%B2%E0%B8%A5%E0%B8%AD%E0%B8%87%E0%B9%83%E0%B8%8A%E0%B9%89%20EX10%E0%B8%81%E0%B8%B1%E0%B8%99
# Setting
https://line.me/R/nv/settingshttps://line.me/R/nv/settings/accounthttps://line.me/R/nv/connectedAppshttps://line.me/R/nv/connectedDeviceshttps://line.me/R/nv/settings/privacyhttps://line.me/R/nv/things/deviceLinkhttps://line.me/R/nv/settings/stickerhttps://line.me/R/nv/stickerShop/mySticker
https://line.me/R/nv/settings/themeSettingsMenu (iOS)

https://line.me/R/nv/settings/theme (Android)
https://line.me/R/nv/notificationServiceDetailhttps://line.me/R/nv/settings/chatSettingshttps://line.me/R/nv/suggestSettingshttps://line.me/R/nv/settings/callSettingshttps://line.me/R/nv/settings/addressBookSynchttps://line.me/R/nv/settings/timelineSettings
# Sticker
https://line.me/R/shop/sticker/detail/14935https://line.me/R/shop/category/1000082https://line.me/R/shop/sticker/author/92843https://line.me/R/nv/stickerShophttps://line.me/R/shop/sticker/hothttps://line.me/R/shop/sticker/newhttps://line.me/R/shop/sticker/eventhttps://line.me/R/shop/sticker/categoryhttps://line.me/R/shop/theme/detail?id=91adcead-a898–4d24–927e-88d2156316b9
# Call
https://line.me/R/callshttps://line.me/R/call/dialpadhttps://line.me/R/call/settingshttps://line.me/R/call/contactshttps://line.me/R/call/redeem# LIFFhttps://liff.line.me/1656765873-mEbYOaAw
# Browser
https://ex10.tech?openExternalBrowser=1https://example.com/?openInAppBrowser=0

สุดท้ายแต่ไม่ท้ายสุด ลอง usecase

A: url สำหรับแชร์ข้อความ ใช้แบบนี้นะครับ

https://line.me/R/oaMessage/{LINE ID}/?{text_message}

B: แล้ว {LINE ID} เอามาจากไหนเหรอคะ

A: งั้นเอา LINE ID ของผมไปนะครับ

B: คิมิโนะโทริโกะนินัตเตะ ชิมาเอบะ คิดโตะ 😍

A: งืออออ~~~😘

หวังว่าจะมีประโยชน์กับเพื่อนๆซึ่งแน่นอนว่าไม่จำเป็นต้องเป็น Dev เสมอไปเรื่องนี้จะช่วยพ่อค้าแม่ค้าประยุกต์ได้ด้วยนะครับ สำหรับบทความนี้ก็ประเดิมปี 2022 เลย ไว้ถ้ามีเรื่องอื่นๆ ที่เป็น เทคนิคเล็กๆน้อยจะมาแชร์ให้เพื่อนๆใหม่ ไว้พบกันบทความหน้าครับ

--

--

Closing the distance. Our mission is to bring people, information and services closer together

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store