จากที่โค้ชพลเขียนรวบรวมปัญหา และวิธีแก้เรื่อง White Screen of Dead บน PhoneGap และ Ionic framework ไป ในนี้เราจะมาเจาะจงปัญหาที่หลายคนอาจจะเจออีกแบบ นั่นก็คือ

อาการของปัญหา App Transport Security Policy

ตอนที่เรารันแอพ iOS ขึ้นมาใน Xcode เพื่อดู log จะเห็นข้อความประมาณนี้ครับ

NextflowReact[3172:524932] Failed to load webpage with error: The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.

วิธีแก้

ให้เราเปิดไฟล์ Info.plist ที่อยู่ในโฟลเดอร์ platform > ios > <ชื่อโปรเจค> ขึ้นมา

แล้วเติมส่วนที่ผมทำไฮไลท์ไว้ลงไปให้ถูกต้องตามตัวอย่าง

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
  <dict>
    <key>NSAppTransportSecurity</key>
    <dict>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>
...

จากนั้นให้บันทึกไฟล์ Info.plist ถือว่าเป็นอันเรียบร้อย

ถ้ารันแอพขึ้นมาใหม่ ปัญหาเรื่อง App Transport Security Policy ควรจะหายไปแล้ว

ถ้ายังไม่หาย comment คุยกันด้านล่างได้ครับ