Bạn đã bao giờ gặp một đoạn JSON và tự hỏi liệu nó có chứa thông tin bạn đang tìm kiếm không? Bạn đã dành thời gian thêm khoảng trắng để có thể xem nội dung chứa kèo cá cược tối nay đó dễ dàng hơn chưa? Bạn đã xem xét một nguyên mẫu để giúp bạn xem xét dữ liệu JSON chưa?
JSON rất phù hợp để truyền dữ liệu giữa các hệ thống, nó chứa lược đồ và dữ liệu tất cả kèo cá cược tối nay một giúp hệ thống nhận dễ dàng tiếp thu dữ liệu. Tuy nhiên, nó không dễ hiểu ở định dạng này đối với người dùng, đặc biệt nếu không có khoảng trắng. Đó là lúc một nguyên mẫu đơn giản, giống như nguyên mẫu mà chúng tôi sẽ hướng dẫn bên dưới, sẽ hữu ích. Nếu một nhà phân tích xem được một báo cáo về mối đe dọa mạng ở định dạng JSON, họ có thể dễ dàng tiếp thu thông tin hơn nếu nó ở định dạng bảng. Việc thêm tính năng sắp xếp và lọc sẽ giúp các nhà phân tích dễ dàng tìm thấy dữ liệu chính xác họ cần kèo cá cược tối nay thời gian ngắn hơn. Sau khi nhà phân tích xác định dữ liệu đó hữu ích, họ có thể giúp đưa ra quyết định đánh giá phần còn lại của nguồn cấp dữ liệu hoặc đưa ra quyết định về việc sử dụng nguồn cấp dữ liệu với quy trình làm việc hiện tại của họ.
Hãy xem qua một ví dụ tạo mẫu nhanh mà cuối cùng sẽ cho phép chúng ta đánh giá nhanh báo cáo mối đe dọa mạng JSON bob.
Bước 1 – Xem xét nhanh và sắp xếp thứ tự ưu tiên cho các yêu cầu
Hãy nhanh chóng xem xét xem khách hàng thực sự muốn gì ở nguyên mẫu này. Họ muốn thứ gì đó giúp blob JSON dễ dàng tìm kiếm và xử lý thông tin một cách nhanh chóng. Tôi sẽ bắt đầu với một blob JSON, theo định nghĩa, Ký hiệu đối tượng JavaScript, vì vậy hãy xem xét việc viết một cái gì đó bằng JavaScript. Bằng cách này, bất kỳ ai có trình duyệt cũng có thể sử dụng nguyên mẫu này. Nó cũng sẽ không được kết nối với máy chủ, điều này sẽ khiến nó trở nên linh hoạt và dễ sử dụng hơn.
Bước 2 – Kiểm tra xem thứ gì đó đã tồn tại chưa
Bây giờ tôi đã xác định rằng JavaScript có lẽ là lựa chọn tốt nhất ở đây, tôi sẽ thực hiện tìm kiếm nhanh. Prettify đã trở thành một thuật ngữ được sử dụng bởi các nhà phát triển muốn in thứ gì đó thường được thu nhỏ ở định dạng dễ đọc hơn. Điều này thường có nghĩa là thêm khoảng trắng, dòng mới và thậm chí cả màu sắc vào văn bản in. Với kiến thức này, tìm kiếm của tôi sẽ là “json javascript beautiful”. Một kèo cá cược tối nay những kết quả hàng đầu là từ Stackoverflow,. Ở đây tôi có thể thấy rằng JavaScript có sẵn hàm JSON.stringify(). Về cơ bản, đây là chức năng làm đẹp JSON của JavaScript nhưng sẽ không cung cấp bất kỳ cách sắp xếp hay bộ lọc nào và nếu blob phức tạp hơn với nhiều cấp độ hơn hoặc rất lớn thì vẫn sẽ mất thời gian để xem lại JSON để tìm kiếm dữ liệu cụ thể.
Bước 3 – Đánh giá giải pháp hiện có
Hãy tiếp tục xem qua một số câu trả lời khác. Có vẻ như ai đó đã phát triển tập lệnh báo cáo JSON có tên. Hãy xem liệu nó có phù hợp với nhu cầu của chúng ta không. Thoạt nhìn thì gần gũi, thậm chí có thể hơn những gì tôi nghĩ ban đầu. Nó chắc chắn làm cho việc hiểu JSON dễ dàng hơn và nó bao gồm cả việc sắp xếp. Chúng ta hãy xem xét kỹ hơn. Vấn đề đầu tiên của tôi là blob JSON được sử dụng được xác định tĩnh. Mặc dù chúng tôi có thể thay thế JSON kèo cá cược tối nay tập lệnh rồi tải lại trang, nhưng điều đó không làm cho nó có thể sử dụng được cho những người khác ngoài các nhà phát triển. Tôi muốn thứ gì đó dễ dàng cho mọi người sử dụng.
Bước 4 – Sửa đổi giải pháp hiện có
Bắt đầu từ hiện tạiscript, tôi sẽ cải thiện nó một chút để dễ sử dụng. Đầu tiên, tôi sẽ thêm một vùng văn bản. Điều này sẽ cho phép người dùng dán blob JSON vào trang và tải động báo cáo mới. Sau đó, chúng ta sẽ cần một nút để gửi JSON để xử lý báo cáo. Đủ đơn giản, bây giờ tôi có cái này:
Bây giờ nút cần thực hiện điều gì đó. Đây là lúc chúng ta phải đào sâu vào mã để tìm ra cách tạo báo cáo. Chỉ có một vài dòng mã chưa được gói kèo cá cược tối nay một hàm theo dòng của biến mô hình JSON được đặt tĩnh. Tôi sẽ bắt đầu bằng cách gói các dòng đó (323-329) vào một hàm mới để tôi có thể gọi nó khi người dùng nhấp vào nút mới. Hàm sẽ trông như sau:
Sau đó, tôi thêm lệnh gọi vào newModel() từ nút tôi đã thêm trước đó để mã HTML của tôi bây giờ trông như thế này:
Hãy nhớ rằng đây chỉ là nguyên mẫu nên tôi không lo lắng về kích thước vùng văn bản hoặc thêm bất kỳ CSS ưa thích nào vào nút của mình tại thời điểm này. Mối quan tâm chính của tôi lúc này là tạo ra một nguyên mẫu có chức năng đáp ứng được các yêu cầu ưu tiên.
Bước 5 – Kiểm tra
Trước khi cung cấp giải pháp này, tôi muốn thực hiện một số thử nghiệm cơ bản để đảm bảo giải pháp sẽ thực hiện những gì tôi nói với người dùng. Tôi thực hiện một tìm kiếm khác cho một số ví dụ bằng cách sử dụng “json api”, điều này mang lại cho tôi kết quả đầu ra ví dụ từ các dịch vụ JSON REST. Kết quả đầu tiên xảy ra là từ. Dán ví dụ đó vào vùng văn bản của tôi hoạt động như mong đợi. Tôi thử thêm một số tính năng phức tạp khác nhau và mọi thứ dường như đang hoạt động như mong đợi cho đến khi tôi tìm thấy một API dành cho sách bán chạy nhất của NY Times. API của họ yêu cầu khóa mà tôi không có, nhưng họ cung cấp kết quả đầu ra mẫu và đó là tất cả những gì tôi cần ngay bây giờ. Sử dụng ví dụ, không có gì xảy ra khi tôi dán nó vào vùng văn bản và nhấp vào nút Tạo báo cáo.
Bước 6 – Khắc phục sự cố, Điều chỉnh, Kiểm tra, Lặp lại
Đã đến lúc xử lý một số sự cố nhanh chóng. Tôi mở bảng điều khiển trình gỡ lỗi dành cho nhà phát triển của trình duyệt và nhanh chóng thấy rằng JSON.parse đang gặp lỗi. Đó là một cách khắc phục khá dễ dàng, tôi chỉ cần gói mã kèo cá cược tối nay câu lệnh try/catch. Sau đó, để cung cấp cho người dùng một số phản hồi, tôi sẽ cảnh báo người dùng về lỗi. Lỗi này có phần hữu ích vì nó sẽ cho bạn biết lỗi định dạng ở đâu. Có thể ít hữu ích hơn đối với các đốm màu JSON chưa được định dạng lớn hơn, nhưng hiện tại tính năng này sẽ có tác dụng.
Bây giờ hàm của tôi trông như thế này:
Cho đến nay mọi thứ vẫn ổn nhưng một kèo cá cược tối nay những yêu cầu ưu tiên ban đầu của chúng tôi là lọc. Hãy thêm nó ngay bây giờ. Đầu tiên, chúng ta sẽ thêm trường văn bản nhập và nút.
Một lần nữa, chúng ta sẽ phải đi sâu vào mã để tìm ra vị trí tốt nhất để áp dụng bộ lọc. Đã có tính năng sắp xếp nên chúng tôi sẽ xem liệu chúng tôi có thể sửa đổi tính năng đó hay không. Có vẻ như mã này sử dụng hàm ẩn danh:
Hầu hết chức năng đó liên quan đến việc sắp xếp và tôi không thấy vị trí phù hợp để thêm vào tính năng lọc. Dòng cuối cùng có tham chiếu đến makeRows(), chúng ta hãy xem điều đó. Có, đây có vẻ là nơi mã đang xây dựng HTML cho các hàng kèo cá cược tối nay bảng. Chúng ta sẽ có thể áp dụng bộ lọc kèo cá cược tối nay makeRows() kèo cá cược tối nay khi xây dựng từng <tr>. Bằng cách thêm bộ lọc và ẩn các biến, hàm makeRows() đã sửa đổi của chúng ta sẽ trông như thế này:
Nếu bạn đọc qua mã, bạn sẽ nhận thấy tôi cũng đã áp dụng một tính năng bổ sung là làm nổi bật văn bản mà người dùng đã lọc. Khắc phục sự cố, điều chỉnh, kiểm tra, lặp lại. Tính năng lọc và đánh dấu có vẻ đang hoạt động như mong đợi.
Bước 7 – Xác thực giải pháp
Bây giờ, chúng tôi có thể kiểm tra bằng cách sử dụng các đốm màu JSON có liên quan hơn, chẳng hạn như báo cáo về mối đe dọa mạng, ví dụ như có thể tìm thấy các đốm màu JSON. Mặc dù các đốm màu JSON này được định dạng độc đáo nhưng vẫn còn một chút khó khăn để xử lý dữ liệu. Những gì chúng ta có thể làm bây giờ là sao chép JSON cho báo cáo PoisionIvy và dán nó vào HTML5ReportFormat đã sửa đổi của chúng tôi. Giờ đây, chúng tôi có một danh sách có thể sắp xếp và xem nhanh các loại đối tượng khác nhau (phần mềm độc hại, danh tính, chiến dịch, kiểu tấn công, hành động, chỉ báo, lỗ hổng, báo cáo và mối quan hệ).
Xem nhanh báo cáo này cũng cho chúng ta biết tác nhân này đang lợi dụng 6 CVE khác nhau. Hành động của chúng bao gồm giai đoạn thỏa hiệp ban đầu của mô hình vòng đời tấn công Mandiant với chiến dịch lừa đảo trực tuyến và phần mềm độc hại liên quan đến báo cáo này là một công cụ truy cập từ xa (RAT).
Bước 8 – Cung cấp nguyên mẫu, thu hút phản hồi
Tại thời điểm này, nguyên mẫu của tôi đang ở điểm khởi đầu tốt. Tôi có thể giao nguyên mẫu này cho khách hàng ngay lần đầu vì nó có chức năng và mang lại giá trị. Khách hàng có thể sử dụng nguyên mẫu này để xem cấu trúc dữ liệu nhằm xem liệu dữ liệu có cung cấp cho họ thông tin họ cần hoặc mong đợi hay không. Từ đây, tôi cũng có thể bắt đầu thu thập một số phản hồi và yêu cầu bổ sung cho các lần lặp lại nguyên mẫu kèo cá cược tối nay tương lai.
Là nhà phát triển, tôi cũng có thể sử dụng nguyên mẫu này khi đánh giá API để đảm bảo rằng tôi đang lấy được dữ liệu mong đợi. Ví dụJSON của người đoạt giải Nobel. Nếu tôi đang tìm cách JSON thể hiện những năm không trao giải cho một số giải thưởng nhất định, bằng cách sử dụng tính năng sắp xếp, HTML5ReportFormat của chúng tôi sẽ có thể nhanh chóng cho chúng tôi thấy rằng trường Người đoạt giải bị thiếu và chúng tôi sẽ tìm thấy thông tin kèo cá cược tối nay trường Động lực Tổng thể. Tập dữ liệu này cũng cho chúng ta thấy tính năng sắp xếp không hoạt động hoàn hảo, vì vậy tôi sẽ thêm tính năng đó vào danh sách yêu cầu kèo cá cược tối nay tương lai của mình để hoàn thiện. Sau khi sắp xếp, chúng tôi có đủ thông tin để lọc cụm từ “Không có giải Nobel” để có được danh sách chỉ những năm và hạng mục không có giải thưởng nào được trao. Chúng tôi cũng có thể đếm nhanh số lần không có giải thưởng (49 lần ở 5 hạng mục khác nhau).
Tôi cho rằng một số phản hồi sẽ bao gồm mong muốn thay đổi màu nền của mọi hàng khác kèo cá cược tối nay bảng để dễ đọc hơn và nếu các đốm màu JSON lớn hơn đang được sử dụng thì việc phân trang có thể là một yêu cầu kèo cá cược tối nay tương lai. Một số tính năng bổ sung giúp nâng cao nguyên mẫu này là làm nổi bật lỗi kèo cá cược tối nay JSON không đúng định dạng và cho phép người dùng cung cấp URL để lấy JSON từ đó thay vì yêu cầu họ cắt/dán JSON. Những bổ sung này có thể được thực hiện sau bằng cách sử dụng phong cách phân phối nguyên mẫu tiến hóa đã thảo luận kèo cá cược tối nay phần một của loạt bài này.
Lợi ích của khách hàng
Bên cạnh việc cho phép khách hàng nhanh chóng xem xét JSON thô, các lợi ích khác khi sử dụng giải pháp tạo mẫu nhanh, kèo cá cược tối nay trường hợp này, bao gồm việc cung cấp giải pháp nhanh chóng cho khách hàng với giá rẻ. Một nguyên mẫu như thế này tốn chưa đến một ngày công sức, thậm chí có thể chỉ một hoặc hai giờ. Nguyên mẫu này cũng rất di động, có thể sử dụng trên hệ thống bị ngắt kết nối, không cần truy cập vào máy chủ hoặc Internet và người dùng mất rất ít thời gian để khởi động công cụ.
Chúng tôi cũng có thể sử dụng nguyên mẫu này để thu thập các yêu cầu bổ sung cho hệ thống lớn hơn. Có thể khách hàng có một ứng dụng sản xuất mà họ muốn tích hợp chức năng này, nhưng cần có thời gian và nhiều kỹ thuật hơn về giải pháp để thêm chức năng mới mà không ảnh hưởng đến phần còn lại của ứng dụng sản xuất. Việc cung cấp giải pháp nhanh chóng này cho phép khách hàng có được chức năng họ cần ngay bây giờ và xác thực nhu cầu kèo cá cược tối nay khi chờ cập nhật công cụ chính của mình. Sau đó, giải pháp rẻ tiền này có thể được vứt bỏ để chuyển sang giải pháp lâu dài hơn.
kèo cá cược tối nay loạt bài gồm ba phần về Tạo mẫu nhanh, chúng tôi đã xem xét lý do tại sao các giải pháp tạo mẫu nhanh được sử dụng và những lợi ích mang lại cho khách hàng, chẳng hạn như đáp ứng các nhu cầu nhạy cảm về thời gian hoặc giải quyết các yêu cầu ngày càng phát triển. kèo cá cược tối nay phần hai, chúng ta đã nói về cách nâng cao kỹ năng tạo mẫu nhanh bằng cách mở rộng bộ kỹ năng và công cụ của bạn. kèo cá cược tối nay phần ba, chúng tôi đã hướng dẫn bạn một ví dụ thực tế bằng cách sử dụng những gì chúng tôi đã thảo luận ở phần một và hai.