Tài liệu · Công cụ hóa đơn tự do
Cách trình duyệt tạo hóa đơn PDF mà không gửi dữ liệu đến máy chủ
· Cách thức hoạt động
hóa đơn pdf browser-processing
Trình tạo hóa đơn không cần máy chủ: biểu mẫu, phép tính, bố cục và việc ghi PDF đều có thể diễn ra trong tab. Bài đăng này tuân theo các chi tiết đã nhập của bạn từ biểu mẫu đến tệp đã tải xuống và giải thích từng bước.
Biểu mẫu giống như một lần gửi — tại sao việc điền các trường trên trang web thường có nghĩa là gửi chúng đi và tại sao nó không cần phải làm vậy
Một biểu mẫu có vẻ như phải gửi đến máy chủ, nhưng việc gửi là do trang đưa ra chứ không phải thuộc tính của trường văn bản. Trình chỉnh sửa hóa đơn ToolAcre giữ bản nháp ở trạng thái trình duyệt và localStorage; mở lại trang có thể khôi phục nó. Sự kiên trì đó rất quan trọng nếu bạn nhập địa chỉ khách hàng trên máy tính dùng chung: trách nhiệm của bạn là xóa biểu mẫu và bộ nhớ trình duyệt. Tài liệu này không được đăng lên điểm cuối hóa đơn ToolAcre cũng như không được công cụ gửi qua email.
Nêu rõ trong trang — cách các trường bạn nhập được JavaScript của chính trang web giữ trong tab chứ không được đăng lên phần phụ trợ
Khi một nhà thiết kế tự do nhập người nhận, số hóa đơn, ngày tháng và mục hàng, trình xử lý sự kiện sẽ cập nhật mô hình tài liệu. Tiền được thể hiện và tính tổng bằng cách sử dụng mô hình hóa đơn địa phương, thay vì tin tưởng vào bất kỳ con số nào xuất hiện trong bản xem trước. Bản xem trước và PDF nhận được tổng số được tính toán giống nhau, do đó, sự không khớp sẽ là lỗi trong phép tính được chia sẻ chứ không phải là bản sao máy chủ riêng biệt. Tải lại có thể khôi phục bản nháp được lưu trữ cục bộ; một thiết bị khác không thể lấy nó từ một tài khoản.
Bố trí tài liệu - biến tên, ngày tháng và các mục được thanh toán thành văn bản được định vị trên một trang
Các trang PDF là các hệ tọa độ, không phải các trang web trôi chảy. Người viết cục bộ đặt trang A4, lề, tiêu đề, thông tin chi tiết về nhóm, cột mục và khối tổng. Mỗi nhãn và số lượng được đặt ở một vị trí đo được, có ngắt dòng khi văn bản vượt qua ranh giới cột. Báo giá sử dụng nhãn tài liệu khác nhưng có cùng đường dẫn bố cục. Một mô tả dài có thể yêu cầu ngắt trang; luôn xem trước những gì đã được xuất thay vì giả sử ánh xạ khoảng cách giữa biểu mẫu trình duyệt với khoảng cách PDF.
Viết PDF — cách mã riêng của trang tập hợp các đối tượng và văn bản PDF và tạo ra các byte hoàn toàn trong bộ nhớ
Trình kết xuất hóa đơn gọi trình ghi PDF của chính nó để vẽ văn bản, quy tắc, dải bóng mờ và biểu tượng tùy chọn vào byte tài liệu. Nó không chụp ảnh biểu mẫu HTML: văn bản và số được viết dưới dạng nội dung PDF nên kết quả đầu ra có thể được lưu dưới dạng tài liệu thông thường. Người viết nhận được số tiền đã được tính toán sẵn; chuỗi tiền tệ được định dạng là kết quả hiển thị chứ không phải phép tính thứ hai. Không cần trao đổi mạng để tuần tự hóa PDF, mặc dù việc tải trang web ToolAcre ban đầu yêu cầu phải có trao đổi mạng.
Nội dung tải xuống — một Blob và một đối tượng URL sẽ trao cho bạn một tệp chưa từng tồn tại ở bất kỳ đâu ngoài thiết bị của bạn
Sau khi ghi, ứng dụng sẽ gói các byte đó vào Blob và sử dụng cơ chế tải xuống trình duyệt để cung cấp tệp. Đối tượng tạm thời URL đề cập đến Blob trong phiên trình duyệt này; đây không phải là URL công khai nơi khách hàng của bạn có thể truy xuất hóa đơn. Ứng dụng thu hồi các URL đối tượng tạm thời khi chúng không còn hữu ích. Giữ bản xuất PDF hoặc JSON ở nơi bạn kiểm soát nếu bạn cần một bản ghi lâu bền; trình duyệt localStorage không phải là hệ thống sao lưu.
Ví dụ đã hoạt động — xây dựng báo giá gồm hai mục và xem bảng Mạng luôn trống từ lần nhấn phím đầu tiên đến PDF đã lưu
Hãy thử báo giá cho bản phác thảo logo tại 200 và thẻ bố cục tại 300, không có thuế hoặc chiết khấu. Tổng phụ được tính toán cục bộ là 500 bằng đơn vị tiền tệ bạn đã chọn. Nhập tên khách hàng thử nghiệm, kiểm tra bản xem trước, xuất và mở PDF để kiểm tra cả hai hàng và tổng số. Trong DevTools, hãy phân biệt nội dung trang web và các yêu cầu AdSense/analytics được tiết lộ với bản tải lên mang theo bản nháp: dữ liệu hóa đơn không được gửi đến máy chủ hóa đơn ToolAcre. Tránh đưa thông tin chi tiết thực của khách hàng vào bản trình diễn trên thiết bị dùng chung.
Điều này không bao gồm những gì - gửi hóa đơn cho khách hàng mà bạn vẫn thực hiện bằng email hoặc cổng thông tin của riêng mình
Công cụ tạo và lưu trữ bản nháp trên thiết bị này; nó không phát hành, giao, ký hoặc đối chiếu hóa đơn cho bạn. Các quy định về thuế khác nhau tùy theo khu vực pháp lý và việc chọn mức thuế suất theo biểu mẫu không mang lại kết quả tư vấn kế toán. Bạn vẫn cần xác minh số nhận dạng, số tiền và địa chỉ khách hàng, sau đó đính kèm hoặc tải PDF lên thông qua kênh được phê duyệt của riêng bạn. Nếu bạn mất bộ nhớ trình duyệt trước khi lưu bản sao thì sẽ không có tài khoản máy chủ nào để khôi phục tài liệu.
Takeaway - toàn bộ quy trình nằm gọn trong một tab và Công cụ hóa đơn dành cho người làm nghề tự do chạy nó với dữ liệu được lưu trên thiết bị của bạn
Từ nhập đến tải xuống quy trình là trạng thái cục bộ, số học cục bộ, bản vẽ trang PDF và Blob được chuyển tới trình duyệt của bạn. Sự khác biệt hữu ích là giữa việc tạo tệp và gửi tệp đó: ToolAcre thực hiện thao tác trước, còn thao tác sau là lựa chọn của bạn. Mở Công cụ hóa đơn tự do để tạo lại ví dụ hai dòng và kiểm tra số byte được xuất thực tế trước khi chia sẻ chúng.