Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,358

HOME > Mobile > Mobile Forum > Ionic 3 สแกน barcode ผ่าน http ไม่ผ่าน เรียกผ่าน xampp host จริงไม่ได้



 

Ionic 3 สแกน barcode ผ่าน http ไม่ผ่าน เรียกผ่าน xampp host จริงไม่ได้

 



Topic : 135308



โพสกระทู้ ( 54 )
บทความ ( 0 )



สถานะออฟไลน์




สอบถามผู้รู้ชี้แนะหน่อยครับ
Ionic 3 สแกน barcode ผ่าน http ไม่ได้
มีไฟล์ .json ที่เก็บ data build ไปพร้อม ionic สามารถสแกนได้ พอเอาไฟล์ .json ที่เป็น data แยกออกแล้วรันผ่าน xampp หรือเอาขึ้น host จริง เรียกไม่ผ่าน สแกนไม่ได้เลยครับ

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { BarcodeScanner } from '@ionic-native/barcode-scanner';
import { Toast } from '@ionic-native/toast';
import { DataServiceProvider } from '../../providers/data-service/data-service';


@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {

products: any = [];
selectedProduct: any;
productFound:boolean = false;

constructor(public navCtrl: NavController,
private barcodeScanner: BarcodeScanner,
private toast: Toast,
public dataService: DataServiceProvider) {
this.dataService.getProducts()
.subscribe((response)=> {
this.products = response
console.log(this.products);
});
}

scan() {
this.selectedProduct = {};
this.barcodeScanner.scan().then((barcodeData) => {
this.selectedProduct = this.products.find(product => product.sn === barcodeData.text);
if(this.selectedProduct !== undefined) {
this.productFound = true;
console.log(this.selectedProduct);
}else {
this.selectedProduct = {};
this.productFound = false;
this.toast.show('ไม่พบบาร์โค้ด', '5000', 'center').subscribe(
toast => {
console.log(toast);
}
);
}
}, (err) => {
this.toast.show(err, '5000', 'center').subscribe(
toast => {
console.log(toast);
}
);
});
}

}



\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\


import { Injectable } from '@angular/core';
import { HttpClient} from '@angular/common/http/';
import 'rxjs/add/operator/map';


/*
Generated class for the DataServiceProvider provider.

See https://angular.io/guide/dependency-injection for more info on providers
and Angular DI.
*/
@Injectable()
export class DataServiceProvider {
[x: string]: any;

constructor(public http: HttpClient) {
console.log('Hello DataServiceProvider Provider');
}

getProducts(){
return this.http.get('http://domain.com/products.json')
//.map((response:Response)=>response.json());

}

}



Tag : Mobile, MySQL, Android, XAMPP









ประวัติการแก้ไข
2020-06-18 20:13:46
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-06-18 20:12:30 By : tum151 View : 41 Reply : 1
 

 

No. 1



โพสกระทู้ ( 914 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook Blogger

ลองใช้ HttpClient
https://stackoverflow.com/questions/52056992/how-to-get-json-file-from-httpclient/52057607

และอย่าลืมเปิด CORS

https://www.w3.org/wiki/CORS_Enabled






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-06-21 15:22:07 By : PhrayaDev
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Ionic 3 สแกน barcode ผ่าน http ไม่ผ่าน เรียกผ่าน xampp host จริงไม่ได้
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่