Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

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

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

เริ่มหัวข้อใหม่

Boy151

โพสกระทู้ ( 55 )
บทความ ( 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

Date : 2020-06-18 20:12:30

By : tum151

View : 838

Reply : 1

No. 1

พระยาเทพ

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

ลองใช้ 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 จริงไม่ได้

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02

Registered : 109,037

document.write("<font color=996600>[Mobile]</font>"); Ionic 3 สแกน barcode ผ่าน http ไม่ผ่าน เรียกผ่าน xampp host จริงไม่ได้

No. 1

ค้นหาข้อมูล

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

Notice

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