Jan 7, 2022
[บอกความลับ] มา Shortcuts ด้วย LINE URL schemes กัน
เรื่องของ LINE schemes มองว่าเป็นการลดขั้นตอนที่จะเข้าถึงการทำงานบางอย่างของ LINE (ซึ่งมันมีมานานมากเลย) น้อยคนจะรู้ ซึ่งรับรองว่ามันจะช่วยให้ user ผู้ใช้งานของเรารู้สึกถึงความ Cool มากขึ้นเพราะ แถมบางอย่างเราก็อาจจะไม่ต้อง Dev เอง นั้นแปลว่า ทั่วไปก็ใช้กันได้เลย ด้วยนะ ปู…มาขนาดนี้ ลองดูว่ามีอะไรบ้าง
มีฟีเจอร์ดังนี้
- เปิดใช้งานกล้องถ่ายรูป และ ส่ง รูปภาพ
- เปิดแผนที่และส่ง location
- แชร์ Contract LINE Official Account
- เปิด LINE VOOM (Tik Tok Version LINE 🤣)
- ส่งข้อความประเภท Text Message
- เปิด Profile และ LINE ID ของ User (ของคนที่กดลิ้งค์)
- เปิดเมนูต่างๆของ LINE เช่น Chat / Timeline / Wallet / Add Friend / Official Action (Common LINE screens)
- เปิดการตั้งค่าบัญชี
- เปิดร้าน Stricker (สามารถพาไปร้านของเราได้ด้วยนะถ้ามี)
- เปิดร้าน Them Shop
- กดโทรด้วย LINE และเปิดรายชื่อเพื่อน (อื่นๆมีค่าใช้จ่ายไม่ได้พูดถึง)
- กดเปิด LIFF (แอบยากนิดนึง แต่สำหรับ DEV ก็คงทราบแล้ว)
- เปิด Browser ให้เด้งออกไปข้างนอกได้ (ทุกคนต้องรักเพราะถามกันเยอะเลย)
- รวมจุดเดียว
เพื่อให้ประสิทธิภาพฉายได้เต็มที่ ให้นำลิ้งค์ทั้งหมดเล่นบนน มือถือ LINE Application
เปิดใช้งานกล้องถ่ายรูป และ ส่ง รูปภาพ
ซึ่งเราจะมีสามรูปแบบดังนี้
- เปิดกล้องถ่ายรูป (ซ้าย)
https://line.me/R/nv/camera/2. เปิดอัลบัมเพื่อส่งรูปเดียว (กลาง)
https://line.me/R/nv/cameraRoll/single3. เปิดอัลบัมรูปเพื่อส่งได้หลายภาพ (ขวา)
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 ทางตรง
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 รูปแบบ
- แบบแรกนี้จะเป็นการเปิดหน้าหลักของ LINE VOOM เป็นเหมือน Home เลย (ซ้าย)
https://line.me/R/home/public/main?id=@432nnffa2. แบบที่สองนี้เป็นการเปิด 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 ตัวเองไม่เจอก็ใช้วิธีนี้ได้นะ
โดยจะมีสองแบบให้กด
- เปิดหน้าProfile (ซ้าย)
https://line.me/R/nv/profile2. เปิด LINE ID (ขวา)
https://line.me/R/nv/profileSetId
เปิดเมนูต่างๆของ LINE เช่น Chat / Timeline / Wallet / Add Friend / Official Action (Common LINE screens)
ส่วนนี้เข้าใจว่าจะเป็นการลากผู้ใช้งานเราไป จุดต่างๆของ LINE ลองคิดว่ามันก็มีประประโยชน์นะเช่นพาไปหน้าเพิ่มเพื่อน หรือพาไปหน้าจ่ายเงิน สำหรับร้านค้า ลองดูกันว่ามีอะไรบ้าง
รูปแบบทั้งหมดของ Common LINE screens มีดังนี้
- พาไปหน้า User ไปที่หน้าแชท
https://line.me/R/nv/chat2. ไปหน้า LINE VOOM
https://line.me/R/nv/timeline3. พาไปหน้า LINE Wallet
https://line.me/R/nv/wallet4. พาไปหน้าเพิ่มเพื่อน
https://line.me/R/nv/addFriends5. พาไปหน้าค้นหา Official Account
https://line.me/R/nv/officialAccounts
ส่งข้อความประเภท Text Message
อันนี้คือที่สุดของการส่งข้อความแบบโคตรเท่ กาวมาก ซึ่งจริงๆมันแถบจะเป็นทุกอย่างการส่งข้อความไปหาคนนั้นคนนี้โดยการพิมพ์ครั้งเดียวได้เลย มาดูกันมีอะไรบ้าง
- ข้อความด้าน “คิดถึงนะ” นี้จะสามารถแชร์ไปหาคนอื่นได้เลยนะ ฮาๆ
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://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 ซึ่งมีให้จะทุกส่วนเลย เยอะมากกกก ดังนี้
- หน้าตั้งค่า
https://line.me/R/nv/settings2. หน้าตั้งค่าบัญชี บางคนอาจจะหาที่แก้ไขข้อมูลพวก Email หรือเชื่อมกับเบอร์โทร
https://line.me/R/nv/settings/account3. ส่วนนี้ของเทพเลยคือ แสดง App ที่เราไปอนุญาตทั้งหมดของ LINE เผื่อใครอยากยกเลิกเชื่อมต่อ
https://line.me/R/nv/connectedApps4. แสดงข้อมูลอุปกรณ์ที่ Account login ที่เชื่อมต่ออยู่ทั้งหมด
https://line.me/R/nv/connectedDevices5. ตั้งค่าความเป็นส่วนตัว
https://line.me/R/nv/settings/privacy6. แสดงการเชื่อมต่อกับอุปกรณ์ LINE Thing ซึ่งถ้าใครเล่นก็น่าชอบอยู่น้า
https://line.me/R/nv/things/deviceLink7. หน้าตั้งค่า Sticker ของเครื่อง User
https://line.me/R/nv/settings/sticker8. เปิดรายการ Stricker ของฉันที่มีอยู่
https://line.me/R/nv/stickerShop/mySticker9. เปิดหน้าตั้งค่า 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/notificationServiceDetail11. ตั้งค่าหน้า Chat ของเรานั้นเอง แถมๆ สำรองแชทหน้านี้ด้วยนะ
https://line.me/R/nv/settings/chatSettings12 แนะนำการตั้งค่า ของผมแสดงเป็น แนะนำสติกเกอร์ กับ ภาษา
https://line.me/R/nv/suggestSettings13. ตั้งค่าการโทรเข้าออก
https://line.me/R/nv/settings/callSettings14. ตั้งค่าการ เพิ่มเพื่อน รายคนมีปัญหาเพิ่มไม่ได้ให้มาดูตรงนี้เลย
https://line.me/R/nv/settings/addressBookSync15. ตั้งค่าการแสดงผล LINE VOOM ให้แจ้งเตือนหรือ ซ่อน
https://line.me/R/nv/settings/timelineSettingsเปิดร้าน Stricker (สามารถพาไปร้านของเราได้ด้วยนะถ้ามี)
ส่วนตัวชอบเรื่องการพา User ไปเจอ Stricker ถ้ามีใครออกแบบให้ไป Download ก็แนบได้เลยนะ และยังมีพาไปอื่นๆด้วย ลองมาดูมีอะไรบ้าง
- พาไปยังร้านค้า 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
2. จะพาไปยังกลุ่ม Sticker โดยผู้วาด ส่วน 92843 คือ author id ของผู้วาดโดยเราจะหาได้ดังนี้
https://line.me/R/shop/sticker/author/92843https://store.line.me/stickershop/author/92843/en
4. พาไปหน้า Home ร้าน Sticker
https://line.me/R/nv/stickerShop5. พาไปหน้าร้านที่ได้รับความนิยม
https://line.me/R/shop/sticker/hot6. พาไปหน้า sticker ที่มาใหม่
https://line.me/R/shop/sticker/new7. อันนี้ดีพาไป Sticker ที่แจก หรือมีกิจกรรม
https://line.me/R/shop/sticker/event8.ไปพาหน้าจัดหมวดหมู่ของ 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 แต่จะแปะอื่นๆไว้
- พาไปหน้าประวัติการโทร
https://line.me/R/calls2. พาไปหน้ากดเบอร์โทรซึ่งตรงนี้แหละท่านต้องเติม Cradit ซึ่งสามารถซึ้อได้จาก link นี้ https://store.line.me/call/showcase/th#30days
https://line.me/R/call/dialpad3. พาไปหน้าตั้งค่า และ ประวัติการโทรได้ หรือสามารถซื้อ Credit เพิ่มเติมได้จากหน้านี้
https://line.me/R/call/settings4. พาไปหน้าข้อมูลติดต่อเพื่อนใน LINE อันนี้เหมาะกับการจะแชร์ Contact ฝุดๆ
https://line.me/R/call/contacts5. พาไปหน้าแรก Credit
https://line.me/R/call/redeemกดเปิด LIFF (แอบยากนิดนึง แต่สำหรับ DEV ก็คงทราบแล้ว)
เรื่อง LIFF นี่บอกเลยว่า แถบจะเป็นประตูมิติ ที่ช่วยให้ สร้างประสบการณ์ใช้งาน LINE ให้กับ Users ทั่วไปได้ดีมากๆเลย ถ้าอยากรู้รายละเอียด และลองทำจริง เขามี Codelab แล้วด้วยนะ ลิ้งค์นี้เลย
มาในส่วนของ LINE URL Scheme ของ LIFF จะเป็นแบบนี้
- https://liff.line.me/1656765873-mEbYOaAw
โดน LIFF URL จะมี liff id : 1656765873-mEbYOaAw ถ้าใครยังไม่รู้ต้องไปทำ Codelab แล้วละ มันมีความสุดยอดมากๆ บอกใบ้ได้เท่านี้
แต่เดียวก่อน… ที่เราเห็นนี้ จะเป็น https:// ใช่มั้ยครับ ซึ่งส่วนนี้คือ LIFF Version 2 ที่ออกมาเพื่อให้คนที่สร้างสามารถใช้งานบน Browser ได้ด้วย เพราะ Version 1 เปิดไป Browser. ภายนอกไม่ได้ยังไงละ ก็อาจจะมีข้อดีข้อเสียละมั้ง ถ้าให้คิด - แล้วถ้าเป็น 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
# locationhttps://line.me/R/nv/location/
# Share Official Accounthttps://line.me/R/ti/p/@432nnffhttps://line.me/R/nv/recommendOA/@432nnffa
# LINE VOOMhttps://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
#Profilehttps://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
# Settinghttps://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
# Stickerhttps://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
# Callhttps://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
# Browserhttps://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 เลย ไว้ถ้ามีเรื่องอื่นๆ ที่เป็น เทคนิคเล็กๆน้อยจะมาแชร์ให้เพื่อนๆใหม่ ไว้พบกันบทความหน้าครับ
