Tag: Expo

  • แก้ปัญหาอัปโหลด Android App ไม่ผ่านเพราะเปลี่ยนคนอัปโหลด

    sirapat.s

    เคยไหมที่ฝากทีมอื่นที่เขามี account google play console อยู่แล้ว เพื่อฝากอัพเดทแอปที่เราเพิ่ม feature ใหม่ๆของแอปที่เราพัฒนา ตอนนั้นก็ได้ลองผิดลองถูกกันไปเรื่อยๆ เพราะว่าตอนที่เรา build app มันจะสร้าง signing key ในการอัปโหลดที่ผูกติดกับ user ดังนั้นเมื่อเปลี่ยน user ในการอัปโหลดก็ต้องอัปโหลด signing key ใหม่

    วันนี้จะมา KM การเปลี่ยน signing key เผื่อใครเคยเจอปัญหาเดียวกัน

    หน้าจอแสดงการอัปโหลด Android app ไม่ผ่าน เพราะ signing key ไม่ตรงกับ user เก่า

    โดยเข้าที่เมนู App signing เพื่อดูรายละเอียดเพิ่มเติม

    หน้าจอแสดงรายละเอียด signing key ที่สามารถอัปโหลดจะเห็นได้ว่า SHA ผูกติดกับ user เก่า ดังนั้นเพื่อแก้ปัญหานี้ เราต้อง Upload certificate ใหม่

    โดยที่เราต้องไปที่ project ของเราเพื่อดึงค่า key store ใหม่ โดยใช้คำสั่ง expo fetch android:keystore (คำสั่งขึ้นอยู่กับ project ว่าใช้ Tool อะไร ถ้าใช้ Expo ใช้คำสั่งนี้) ก็จะเห็นค่า Key password ที่เราตั้งไว้ (ขั้นตอนนี้จะได้ไฟล์ .jks)

    การสร้าง signing key ใหม่ โดยใช้คำสั่ง expo fetch android:upload-cer (ขั้นตอนนี้เราจะได้ไฟล์ .pem)

    จากนั้นเราเราก็ส่งข้อมูลไฟล์ .pem โดยคลิก https://support.google.com/googleplay/android-developer/contact/key อัปโหลดไฟล์ .pem ใหม่ จากนั้นก็รอ mail แจ้งกลับจาก Google play console เมื่อ approved เรียบร้อยแล้ว เราก็จะอัปโหลดแอปได้ตามปกติ

    ที่มา : https://support.google.com/googleplay/android-developer/answer/9842756

  • การติดตั้ง Android Emulator : MuMu เพื่อใช้งานร่วมกับ Expo CLI

    jatuporn.ch

    กำลังพัฒนา Mobile Apps อยากได้ Android EMU สักตัวที่กินแรมน้อย ๆ เปิดโปรแกรมได้เป็น Tab เปิด ๆ ปิด ๆ โปรแกรมบ่อยไม่ต้องกดเมนูเข้าออกให้เหนื่อยต้องลอง MuMu (สาวกเกมส์ Ragnarok M ข้ามการติดตั้งได้เลยครับ คงชำนาญกันอยู่แล้ว)

    • Installation Version
      • MuMu App Player V1.1.0.2
    • ติดตั้ง MuMu App Player (เมื่อก่อนตัวติดตั้งเป็นภาษาจีนล้วนเดี๋ยวนี้มีแบบภาษาอังกฤษแล้ว)
      https://mumu.163.com/global/download/en/index.html
    • การติดตั้งจะใช้ VirtualBox ช่วยเพิ่มประสิทธิภาพด้วย
    • เปิด Play Store จากนั้น Login เหมือนมือถือ Android ปกติ (จะเห็นว่าเห็นเป็น Tab สามารถปิดโปรแกรมโดยกดกากบาทด้านบนได้เลย หรือจะสลับ App ไปมาได้อย่างง่ายดาย โดย App ไม่หยุดทำงาน)
    • ติดตั้งโปรแกรม Expo
    • เปิดโปรแกรม
    • ไปที่ Tab Profile เพื่อ Login ใครยังไม่มี Account ให้สร้างได้ที่นี่
    • ทำการ Login บน expo cli start console ด้วย
    • ปิดโปรแกรม บน MuMu เปิดใหม่อีกครั้งจะเห็น Recenly in development ขึ้น Project ที่เราพัฒนาอยู่ (Emulator อื่นอาจจะเปิด USB Debug ได้ แต่ MuMu ยังไม่รองรับ จากการทดสอบเปิดแล้วไม่ขึ้น จึงใช้วิธี Login ให้เห็น Project แทน)
    • อย่าลืมว่าต้องอยู่ Network วงเดียวกัน

    หวังว่าจะเป็นประโยชน์กับ Mobile Apps อื่นที่ต้องการนำไปใช้ทดสอบด้วยนะครับ

  • วิธีติดตั้ง Expo CLI สำหรับพัฒนา Mobile App ด้วย React Native

    jatuporn.ch

    สำหรับผู้พัฒนาที่ต้องการพัฒนา Mobile App แต่รู้สึกว่ายังไม่พร้อมศึกษา React Native แบบจริงจัง สามารถใช้งาน Expo Framework โดยสามารถใช้ได้ทั้งในการพัฒนา หรือ Build ขึ้น Store ได้เลยทั้ง iOS/Android ด้วยภาษา JavaScript/TypeScript

    โดยวันนี้จะเริ่มด้วยแนะนำวิธีติดตั้ง Tools สำหรับพัฒนาชื่อ Expo CLI ครับ

    • Reference : https://docs.expo.io/versions/latest/
    • Installation Version
      • windows 10 version 1909 64 bit
      • npm 12.14.0 LTS
      • python 3.8
      • Expo SDK 36
    • ติดตั้ง Node Js (โหลดติดตั้งแบบ LTS)
      https://nodejs.org/en/
    • ถ้ามีแจ้งไฟล์ไม่ปลอดภัยกดข้ามไป
    • จะมีให้เลือกว่าจะลง Chocolatey หรือเปล่า เพื่อติดตั้ง Module เพิ่มเติม และแนะนำติดตั้ง Node-Gyp ซึ่งจะต้องติดตั้งเองภายหลัง
    • ติดตั้ง Python ก่อนติดตั้ง Node-Gyp ผ่าน Windows Store (หลังกด Get ไม่ต้อง Sign In ก็ได้)
    • เปิด windows cmd (Run as Administrator หรือไม่ก็เลือก Start->Node.js command prompt)
    • ติดตั้ง node-gyp
      npm install -g node-gyp
    • ติดตั้ง Expo CLI ด้วย npm
      npm install -g expo-cli
    • ทดสอบสร้างโปรเจ๊คใหม่ดังนี้
      • expo init
    • สั่งรัน Web สำหรับ Debug จะพบว่า Error
    • สำหรับ Expo SDK 36 ต้องแก้ \node_modules\metro-config\src\defaults\blacklist.js ดังนี้
      var sharedBlacklist = [
      /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
      /website\ /node_modules\/.*/,
      /heapCapture\/bundle\.js/,
      /.*\/__tests__\/.*/
      ];

    สามารถทดสอบเปิดได้ผ่านโปรแกรม Expo ใน Android/IOS หรือ Emulator Android หรือจะผ่าน USB Debug Android ก็ได้ครับ โดยได้ทั้ง QR-Code หรือ Exp URL Copy ไปแป๊ะในโปรแกรมได้ครับ (ต้องอยู่ในวง Network เดียวกันยกเว้นทดสอบโดยใช้ Tunnel)