How to build an easy Barcode Scanner mobile App with Ionic 7 and Vue.js 3

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

ความคิดเห็น • 26

  • @malekmalek5419
    @malekmalek5419 2 หลายเดือนก่อน

    Good job ❤

    • @Amen-zu
      @Amen-zu  หลายเดือนก่อน

      Thank you so much 😀

  • @Square.locale
    @Square.locale หลายเดือนก่อน

    merci pour le tutorial

    • @Amen-zu
      @Amen-zu  หลายเดือนก่อน

      De rien, je suis content que ça t'ait plu.

  • @solomanter
    @solomanter 29 วันที่ผ่านมา

    thanks

    • @Amen-zu
      @Amen-zu  29 วันที่ผ่านมา

      You're welcome!

  • @davidadu1113
    @davidadu1113 6 หลายเดือนก่อน +2

    Great content.
    Well done

    • @Amen-zu
      @Amen-zu  6 หลายเดือนก่อน

      thank you

  • @masterharith8488
    @masterharith8488 5 หลายเดือนก่อน +1

    damn i really2 need video, thank you brother u earn my subs

    • @Amen-zu
      @Amen-zu  5 หลายเดือนก่อน

      Thank you. I'm glad you enjoyed the content. welcome to the community.

  • @rockandford
    @rockandford 5 หลายเดือนก่อน

    Good video !!! You could build your channel on Ionic and PWAs. Best wishes.

    • @Amen-zu
      @Amen-zu  5 หลายเดือนก่อน

      Thanks for the idea!

  • @ffivecreation2547
    @ffivecreation2547 2 หลายเดือนก่อน +1

    Bhai ye project mil sakta hai file practice karne ke liye?

    • @Amen-zu
      @Amen-zu  หลายเดือนก่อน

      Sure! You can find the project files on my GitHub here: github.com/ousmaalMassi/qr-code-reader

  • @rikcuoakira
    @rikcuoakira 3 หลายเดือนก่อน +1

    New Ionic Project,This create way need to install which plugin in VS Code?

    • @Amen-zu
      @Amen-zu  3 หลายเดือนก่อน

      You need to install the official extension for Ionic and Capacitor. The name is "Ionic".

  • @eclipse4049
    @eclipse4049 24 วันที่ผ่านมา

    Google barcode scanner module is not availiable

    • @Amen-zu
      @Amen-zu  7 วันที่ผ่านมา

      Try using npm:
      npm install @capacitor-mlkit/barcode-scanning
      npx cap sync

  • @danieltrujillo4899
    @danieltrujillo4899 7 หลายเดือนก่อน

    Why won't the camera open when I'm using Ionic 7 + Vue 3 with TypeScript, and the same version of the scanner library? I also tried migrating from TypeScript to JavaScript, and it's still the same. Why?

    • @Amen-zu
      @Amen-zu  7 หลายเดือนก่อน +1

      Check if you added the permission in the AndroidManifest.xml file as it shows in minute 1:00

  • @davidadu1113
    @davidadu1113 6 หลายเดือนก่อน

    In a situation where I would want the camera to display on a card when the app is opened, how do I go about it? I would not want to use a button to trigger the opening of the sanner. the scanner should automatically open when the app opens.

    • @Amen-zu
      @Amen-zu  6 หลายเดือนก่อน

      if you don't want to use a button to trigger the opening of the scanner, just ensure you call the 'startScanning' function from 'onMounted' in your code. Here's a quick snippet:
      onMounted(async () => {
      isSupported.value = (await BarcodeScanner.isSupported()).supported;
      if (!isSupported.value) {
      presentAlert('Error', 'Sorry, Barcode Scanner is not supported on your device.');
      return;
      }
      startScanning();
      })

    • @Amen-zu
      @Amen-zu  6 หลายเดือนก่อน

      Unfortunately I don't think it's possible to use the camera inside the card,

  • @mari0netk0
    @mari0netk0 7 หลายเดือนก่อน +1

    is there any link on the source code?

    • @Amen-zu
      @Amen-zu  7 หลายเดือนก่อน +1

      Yes, here it is:
      github.com/ousmaalMassi/qr-code-reader.git
      Let me know if you have any questions or need further information

    • @mari0netk0
      @mari0netk0 7 หลายเดือนก่อน

      @@Amen-zu Thank you very much!