เอกสาร · เครื่องมือออกใบแจ้งหนี้อิสระ
วิธีที่เบราว์เซอร์สร้างใบแจ้งหนี้ PDF โดยไม่ต้องส่งข้อมูลไปยังเซิร์ฟเวอร์
· มันทำงานอย่างไร
ใบแจ้งหนี้ pdf การประมวลผลเบราว์เซอร์
เครื่องมือสร้างใบแจ้งหนี้ไม่จำเป็นต้องใช้เซิร์ฟเวอร์: แบบฟอร์ม การคำนวณ เค้าโครง และการเขียน PDF ทั้งหมดสามารถเกิดขึ้นได้ในแท็บ โพสต์นี้จะติดตามรายละเอียดที่คุณพิมพ์ตั้งแต่แบบฟอร์มไปจนถึงไฟล์ที่ดาวน์โหลด และอธิบายแต่ละขั้นตอน
แบบฟอร์มที่ให้ความรู้สึกเหมือนเป็นการส่ง — เหตุใดการกรอกข้อมูลในช่องต่างๆ บนเว็บไซต์จึงมักจะหมายถึงการส่ง และเหตุใดจึงไม่จำเป็นต้องส่ง
ดูเหมือนว่าแบบฟอร์มจะต้องส่งไปยังเซิร์ฟเวอร์ แต่การส่งเป็นการตัดสินใจของเพจ ไม่ใช่คุณสมบัติของช่องข้อความ โปรแกรมแก้ไขใบแจ้งหนี้ ToolAcre จะเก็บร่างไว้ในสถานะเบราว์เซอร์และ localStorage การเปิดเพจอีกครั้งสามารถคืนค่าได้ ความคงอยู่นั้นสำคัญหากคุณป้อนที่อยู่ไคลเอนต์บนคอมพิวเตอร์ที่ใช้ร่วมกัน: การล้างแบบฟอร์มและที่เก็บข้อมูลเบราว์เซอร์เป็นความรับผิดชอบของคุณ เอกสารไม่ได้ผ่านรายการไปยังปลายทางใบแจ้งหนี้ ToolAcre หรือส่งอีเมลโดยเครื่องมือ
ระบุในเพจ — วิธีที่ฟิลด์ที่คุณพิมพ์ถูกเก็บไว้โดย JavaScript ของไซต์ในแท็บ ไม่ได้โพสต์ไปที่แบ็กเอนด์
เนื่องจากนักออกแบบอิสระพิมพ์ผู้รับ หมายเลขใบแจ้งหนี้ วันที่ และรายการบรรทัด ผู้จัดการเหตุการณ์จะอัปเดตโมเดลเอกสาร เงินจะถูกแสดงและรวมโดยใช้รูปแบบใบแจ้งหนี้ท้องถิ่น แทนที่จะเชื่อถือตัวเลขใดก็ตามที่ปรากฏในหน้าตัวอย่าง การแสดงตัวอย่างและ PDF ได้รับผลรวมจากการคำนวณเท่ากัน ดังนั้น ความไม่ตรงกันอาจเป็นจุดบกพร่องในการคำนวณที่ใช้ร่วมกัน ไม่ใช่สำเนาของเซิร์ฟเวอร์ที่แยกต่างหาก การโหลดซ้ำสามารถกู้คืนร่างที่จัดเก็บไว้ในเครื่องได้ อุปกรณ์อื่นไม่สามารถดึงข้อมูลจากบัญชีได้
การจัดวางเอกสาร — เปลี่ยนชื่อ วันที่ และรายการเรียกเก็บเงินให้เป็นข้อความที่วางตำแหน่งบนหน้า
PDF เพจเป็นระบบพิกัด ไม่ใช่หน้าเว็บต่อเนื่อง นักเขียนในท้องถิ่นจะกำหนดหน้า A4 ระยะขอบ โฆษณาด้านบน รายละเอียดปาร์ตี้ คอลัมน์รายการ และบล็อกผลรวม ป้ายและจำนวนแต่ละรายการจะถูกวางในตำแหน่งที่วัด โดยมีการตัดบรรทัดเมื่อข้อความข้ามขอบเขตคอลัมน์ ใบเสนอราคาใช้ป้ายชื่อเอกสารอื่นแต่ใช้ไปป์ไลน์เค้าโครงเดียวกัน คำอธิบายที่ยาวอาจต้องมีตัวแบ่งหน้า ดูตัวอย่างสิ่งที่ส่งออกเสมอ แทนที่จะถือว่าระยะห่างของฟอร์มเบราว์เซอร์แมปเป็นระยะห่าง PDF
การเขียน PDF — วิธีที่โค้ดของเพจประกอบวัตถุและข้อความ PDF และสร้างไบต์ทั้งหมดในหน่วยความจำ
ตัวแสดงใบแจ้งหนี้เรียกตัวเขียน PDF ของตัวเองเพื่อวาดข้อความ กฎ แถบแรเงา และโลโก้เสริมลงในไบต์ของเอกสาร ไม่ได้ถ่ายภาพแบบฟอร์ม HTML: ข้อความและตัวเลขเขียนเป็นเนื้อหา PDF ดังนั้นเอาต์พุตจึงสามารถบันทึกเป็นเอกสารธรรมดาได้ ผู้เขียนได้รับจำนวนเงินที่คำนวณไว้แล้ว สตริงสกุลเงินที่จัดรูปแบบจะแสดงผลลัพธ์ ไม่ใช่การคำนวณครั้งที่สอง ไม่จำเป็นต้องมีการแลกเปลี่ยนเครือข่ายสำหรับการทำให้เป็นอนุกรม PDF แม้ว่าจะต้องโหลดเว็บไซต์ ToolAcre ในตอนแรกก็ตาม
การดาวน์โหลด - Blob และวัตถุ URL ที่มอบไฟล์ที่ไม่เคยมีอยู่ที่ใดเลยนอกจากอุปกรณ์ของคุณ
หลังจากเขียนแล้ว แอปพลิเคชันจะรวมไบต์เหล่านั้นไว้ใน Blob และใช้กลไกการดาวน์โหลดของเบราว์เซอร์เพื่อเสนอไฟล์ วัตถุชั่วคราว URL อ้างถึง Blob ในเซสชันของเบราว์เซอร์นี้ ไม่ใช่ URL แบบสาธารณะที่ลูกค้าของคุณสามารถดึงใบแจ้งหนี้ได้ แอปพลิเคชันจะเพิกถอน URL ของออบเจ็กต์ชั่วคราวเมื่อไม่มีประโยชน์อีกต่อไป เก็บ PDF หรือ JSON ส่งออกไว้ที่ใดที่หนึ่งที่คุณควบคุม หากคุณต้องการบันทึกที่คงทน เบราว์เซอร์ localStorage ไม่ใช่ระบบสำรองข้อมูล
ตัวอย่างการทำงาน — สร้างใบเสนอราคาสองรายการและดูแผงเครือข่ายว่างเปล่าตั้งแต่การกดแป้นพิมพ์ครั้งแรกไปจนถึง PDF ที่บันทึกไว้
ลองเสนอราคาสำหรับแบบร่างโลโก้ที่ 200 และผ่านเค้าโครงที่ 300 โดยไม่มีภาษีหรือส่วนลด ผลรวมย่อยที่คำนวณในท้องถิ่นคือ 500 ในสกุลเงินที่คุณเลือก พิมพ์ชื่อไคลเอ็นต์ทดสอบ ตรวจสอบการแสดงตัวอย่าง ส่งออก และเปิด PDF เพื่อตรวจสอบทั้งสองแถวและผลรวม ใน DevTools ให้แยกความแตกต่างของเนื้อหาของไซต์และคำขอ AdSense/analytics ที่เปิดเผยจากการอัปโหลดที่มีฉบับร่าง: ข้อมูลใบแจ้งหนี้จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใบแจ้งหนี้ ToolAcre หลีกเลี่ยงการใส่รายละเอียดของลูกค้าจริงในการสาธิตบนอุปกรณ์ที่ใช้ร่วมกัน
สิ่งนี้ไม่ครอบคลุมถึง — การส่งใบแจ้งหนี้ไปยังลูกค้า ซึ่งคุณยังคงดำเนินการผ่านทางอีเมลหรือพอร์ทัลของคุณเอง
เครื่องมือนี้สร้างและจัดเก็บแบบร่างบนอุปกรณ์นี้ จะไม่ออก จัดส่ง ลงนาม หรือกระทบยอดใบแจ้งหนี้ให้กับคุณ กฎเกณฑ์ด้านภาษีจะแตกต่างกันไปตามเขตอำนาจศาล และการเลือกอัตราในแบบฟอร์มไม่ได้ให้ผลลัพธ์ตามคำแนะนำทางบัญชี คุณยังคงต้องยืนยันตัวระบุ จำนวนเงิน และที่อยู่ลูกค้า จากนั้นแนบหรืออัปโหลด PDF ผ่านช่องทางที่คุณได้รับการอนุมัติ หากคุณสูญเสียพื้นที่เก็บข้อมูลเบราว์เซอร์ก่อนที่จะบันทึกสำเนา จะไม่มีบัญชีเซิร์ฟเวอร์ที่จะกู้คืนเอกสาร
Takeaway — ไปป์ไลน์ทั้งหมดพอดีกับแท็บและเครื่องมือใบแจ้งหนี้อิสระจะเรียกใช้งานโดยเก็บข้อมูลของคุณไว้ในอุปกรณ์ของคุณ
จากการพิมพ์เพื่อดาวน์โหลดไปป์ไลน์คือสถานะท้องถิ่น เลขคณิตท้องถิ่น การวาดหน้า PDF และ Blob ที่ส่งไปยังเบราว์เซอร์ของคุณ ความแตกต่างที่เป็นประโยชน์คือระหว่างการสร้างไฟล์และส่งไฟล์: ToolAcre ดำเนินการอย่างแรก ในขณะที่อย่างหลังคือตัวเลือกของคุณ เปิดเครื่องมือใบแจ้งหนี้อิสระเพื่อสร้างตัวอย่างสองบรรทัดและตรวจสอบไบต์ที่ส่งออกจริงก่อนที่จะแชร์