"рдкреБрд╢ рд╕рдВрджреЗрд╢ рд╕рд░реНрд╡рд░" рдХреЗ рд▓рд┐рдП рдХреНрд▓рд╛рдЗрдВрдЯ

рдкреНрд░рдХрд╛рд╢рди рдХреА рдирд┐рд░рдВрддрд░рддрд╛ "рд╕рд░реНрд╡рд░ рдзрдХреНрдХрд╛ рд╕рдВрджреЗрд╢"

рдХреНрд▓рд╛рдЗрдВрдЯ рднрд╛рдЧ рдХреЛ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рддреЗ рд╕рдордп, рджреВрд╕рд░реЛрдВ рдХреА рддрд░рд╣ рдбрд┐рдЬрд╛рдЗрди рдХреЛ рджреЛрд╣рд░рд╛рдиреЗ рдФрд░ рдмрдирд╛рдиреЗ рдХрд╛ рдХреЛрдИ рд▓рдХреНрд╖реНрдп рдирд╣реАрдВ рдерд╛ред
рджреВрд╕рд░реА рдУрд░, рдбреЗрд╕реНрдХрдЯреЙрдк рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреА рдПрдХ рдирдИ рд╡реНрдпрд╡рд╕реНрдерд╛ рдХреЛ рдмрджрд▓рдирд╛ рдФрд░ рдмрдирд╛рдирд╛ рдореБрд╢реНрдХрд┐рд▓ рд╣реИред рдмрд╛рдИрдВ рдУрд░ рдХрд╛ рд╕рдВрдкрд░реНрдХ рдХреНрд╖реЗрддреНрд░, рджрд╛рдИрдВ рдУрд░ рдХрд╛ рд╕рдВрджреЗрд╢, рддрд▓ рдкрд░ рдПрдХ рдирдП рд╕рдВрджреЗрд╢ рдХреЗ рд▓рд┐рдП рдЗрдирдкреБрдЯ рдХреНрд╖реЗрддреНрд░ рдмреЗрд╣рддрд░ рдФрд░ рдЕрдзрд┐рдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрддрдирд╛ рдЖрд╕рд╛рди рдирд╣реАрдВ рд╣реИред рдХрдИ рдЖрдзреБрдирд┐рдХ рд╕рдорд╛рдзрд╛рдиреЛрдВ рдореЗрдВ, рдбрд┐рдЬрд╝рд╛рдЗрди рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрди рддрддреНрд╡ рдореЛрдмрд╛рдЗрд▓ рдХрд╛рд░реНрдпрдХреНрд░рдореЛрдВ рдХреЗ рд╕рд╛рде рд╕рдорд╛рди рд╣реИрдВред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рджреЛ рдпрд╛ рдЕрдзрд┐рдХ рд▓рд╛рдЗрдиреЗрдВ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрджреЗрд╢ рдЗрдирдкреБрдЯ рдХреНрд╖реЗрддреНрд░ рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░рдирд╛ рдЕрд╕рдВрднрд╡ рд╣реИ, рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐



рдзрд░рд╛рд╢рд╛рдпреА рд▓рд╛рдЗрди рд╡рд┐рднрд╛рдЬрдХ рддрд╕реНрд╡реАрд░ рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗ рд░рд╣рд╛ рд╣реИ, рдЬрдм рдЖрдк рдордВрдбрд░рд╛рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдкреАрд▓реЗ-рдХрд╛рд▓реЗ рдзрд╛рд░реАрджрд╛рд░ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рд╡рд┐рднрд╛рдЬрдХ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдХреЗ, рдЖрдк рд╕рдВрджреЗрд╢реЛрдВ рдХреЛ рджрд░реНрдЬ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд╖реЗрддреНрд░ рдХреА рдКрдВрдЪрд╛рдИ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЗрд╕реА рддрд░рд╣, рдЖрдк рд╕рдВрдкрд░реНрдХ рд╕реВрдЪреА рдФрд░ рд╕рдВрджреЗрд╢ рд╕реВрдЪреА рдХреА рдЪреМрдбрд╝рд╛рдИ рдХреЛ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВред

рд╕рдВрджреЗрд╢ рднреЗрдЬрдирд╛ рдПрдирд┐рдореЗрдЯреЗрдб рд╣реИ, рдЕрдиреНрдп рдХрд╛рд░реНрдпрдХреНрд░рдореЛрдВ рдореЗрдВ рд╕рдВрджреЗрд╢ рднреЗрдЬрддреЗ рд╕рдордп рдХреЛрдИ рдПрдиреАрдореЗрд╢рди рдирд╣реАрдВ рдерд╛ред

рд╕рдВрдкрд░реНрдХ рд╕реВрдЪреА рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рд▓рд┐рдП рдЧреНрд░реЗ рдФрд░ рдЧреБрд▓рд╛рдмреА рдХреА рдПрдХ рдврд╛рд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдПрдХ рд╕рдорд╛рди рд╕рдВрдпреЛрдЬрди рдПрдХ рдЪрдордХ рдХреЗ рд░реВрдк рдореЗрдВ рдЖрдХрд╛рд╢ рдореЗрдВ рдкрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдСрдирд▓рд╛рдЗрди рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рдирд╛рдо рдХрд╛ рдирд╛рд░рдВрдЧреА рд░рдВрдЧ рд╣реЛрддрд╛ рд╣реИ, рдХрд╛рд▓реЗ рд░рдВрдЧ рдХреЗ рдЬреБрдбрд╝реЗ рдХрдорд░реЗ (рд╕рдореВрд╣)ред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдСрдирд▓рд╛рдЗрди рдирд╣реАрдВ рд╣реИрдВ рдФрд░ рдЕрдХреНрд╖рдо рд╕рдореВрд╣ рдЧреНрд░реЗ рд╣реИрдВред рдЖрдк рд╕реНрдЯрд╛рд░ рдирд╛рдо рд╕реЗ рд╕рдВрдкрд░реНрдХ рд╕реВрдЪреА рдореЗрдВ рдПрдХ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реЗ рдПрдХ рдХрдорд░реЗ рдХреЛ рднреЗрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХрдорд░реЗ рдХреЗ рдирд╛рдо ish рд╕реЗ рд╢реБрд░реВ рд╣реЛрддреЗ рд╣реИрдВ



рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдирдП рдХрдорд░реЗ (рд╕рдореВрд╣) рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ, рд╕рдореВрд╣реЛрдВ рд╕реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВред рд╕рд╛рде рд╣реА, рдХрдорд░реЗ рдХреЛ рдмрджрд▓рдирд╛ рд╕рдВрднрд╡ рд╣реИ рдпрджрд┐ рд╕рдВрдкрд╛рджрди рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рдкрд╛рд╕ рдХрдорд░реЗ рдХреЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреА рд╕реВрдЪреА рдореЗрдВ рд╡реНрдпрд╡рд╕реНрдерд╛рдкрдХ рдзреНрд╡рдЬ рд╣реИред



рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ, рдЫрд╡рд┐ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд╕рдВрджреЗрд╢ рдореЗрдВ рддреБрд░рдВрдд рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рд╕рдВрджреЗрд╢ рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рд╡реАрдбрд┐рдпреЛ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рддреБрд░рдВрдд рдирд╣реАрдВ рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдХреЗрд╡рд▓ рдкрд╣рд▓рд╛ рдлреНрд░реЗрдо рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рд╡реАрдбрд┐рдпреЛ рдЪрд▓рд╛рдирд╛ рд╣реЛрдЧрд╛ред рд╕рдВрджреЗрд╢ рдореЗрдВ рдлрд╝рд╛рдЗрд▓ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рд╣реА рдЕрдиреНрдп рдлрд╝рд╛рдЗрд▓реЗрдВ рд╕рдорд╛рди рд░реВрдк рд╕реЗ рдбрд╛рдЙрдирд▓реЛрдб рдХреА рдЬрд╛рддреА рд╣реИрдВред рдЕрдзрд┐рдХрддрдо рдлрд╝рд╛рдЗрд▓ рдЖрдХрд╛рд░, рд╕рд╛рде рд╣реА рдлрд╝рд╛рдЗрд▓ рдХреЗ рдЙрд╕ рднрд╛рдЧ рдХрд╛ рдЖрдХрд╛рд░, рдЬрд┐рд╕рдореЗрдВ рдмрдбрд╝реА рдлрд╝рд╛рдЗрд▓реЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рд╣реИрдВ, рдХреЛ push0k рд╡реНрдпрд╡рд╕реНрдерд╛рдкрдХ рдореЗрдВ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдПрдХ рдлрд╝рд╛рдЗрд▓ рднреЗрдЬрдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдк "рдЕрдиреБрд▓рдЧреНрдирдХ рднреЗрдЬреЗрдВ" рдмрдЯрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ; рдЖрдк рдлрд╝рд╛рдЗрд▓ рдХреЛ рдХреЗрд╡рд▓ рд╕рдВрджреЗрд╢ рд╡рд┐рдВрдбреЛ рдореЗрдВ рдЦреАрдВрдЪ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред рдЗрд╕реА рддрд░рд╣, рдПрдХ рд╕рдВрджреЗрд╢ рд╕реЗ рднреЗрдЬреА рдЧрдИ рдлрд╝рд╛рдЗрд▓ рдХреЛ рдореИрдХ рдУрдПрд╕ рдкрд░ рдПрдХреНрд╕рдкреНрд▓реЛрд░рд░ рдпрд╛ рдЦреЛрдЬрдХ рдлрд╝реЛрд▓реНрдбрд░ рдореЗрдВ рдЦреАрдВрдЪрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЗ рд▓рд┐рдП рдбреНрд░реИрдЧ рдПрдВрдб рдбреНрд░реЙрдк рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред



рд╕рдВрджреЗрд╢ HTML рдЯреИрдЧ рд╣рдЯрд╛ рджрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред рд▓реЗрдХрд┐рди рдорд╛рд░реНрдХрдбрд╛рдЙрди рдХреЗ рд╕рдорд╛рди рдорд╛рд░реНрдХрдбрд╛рдЙрди рд╣реИред

* рдмреЛрд▓реНрдб *
~ рдЗрдЯреИрд▓рд┐рдХ ~
_ рд░реЗрдЦрд╛рдВрдХрд┐рдд

рдЖрдк рд▓рд┐рдВрдХ рднреЗрдЬ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд▓рд┐рдВрдХ рдПрдХ рдЕрд▓рдЧ рд╕рдВрджреЗрд╢ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдкреНрд░рддреНрдпреЗрдХ рд╕рдВрджреЗрд╢ рдореЗрдВ рдмрдЯрди рд╣реИрдВ:

тАЬрд╕рдВрджреЗрд╢ рдХрд╛ рд╣рд╡рд╛рд▓рд╛ рджреЗрддреЗ рд╣реБрдП
тЮж рд╕рдВрджреЗрд╢ рдЕрдЧреНрд░реЗрд╖рдг



рд╕рд░реНрд╡рд░ рдХреЗ рд▓рд┐рдП рд╕реБрд░рдХреНрд╖рд┐рдд рдХрдиреЗрдХреНрд╢рди рдХреЗ рд▓рд┐рдП, рд▓реЙрдХ рд╡рд╛рд▓рд╛ рдмрдЯрди рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рддрд░реНрдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд╕рдорд╛рди рд╣реИ - рдПрдХ рдЕрд╕реБрд░рдХреНрд╖рд┐рдд рдкреНрд░рдорд╛рдгрдкрддреНрд░ рд╕рдорд╛рдкреНрдд рд╣реЛ рдЧрдпрд╛ рд╣реИ, рд╕реНрд╡-рд╣рд╕реНрддрд╛рдХреНрд╖рд░рд┐рдд рд╣реИ, рдпрд╛ рдХрд┐рд╕реА рдЕрдиреНрдп рдбреЛрдореЗрди рдирд╛рдо рд╕реЗ, рддрд╛рд▓рд╛ рдЦреБрд▓рд╛ рд╣реИ - рдХрдиреЗрдХреНрд╢рди рдЕрд╕реБрд░рдХреНрд╖рд┐рдд рд╣реИред рд▓реЙрдХ рд╡рд╛рд▓рд╛ рдмрдЯрди рдкреНрд░рдорд╛рдгрдкрддреНрд░ рдХреА рдЬрд╛рдирдХрд╛рд░реА рдХреЛ рдЦреЛрд▓рддрд╛ рд╣реИред



рд╕рднреА рд╕рд░реНрд╡рд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдХ рджреВрд╕рд░реЗ рдХреЛ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВ, рдЕрд░реНрдерд╛рдд, рдкреНрд░рддреНрдпреЗрдХ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд╕рдВрдкрд░реНрдХ рдЕрдиреНрдп рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╣реИрдВред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЕрдкрдиреЗ рд╕рдВрдкрд░реНрдХреЛрдВ рдХрд╛ рдирд╛рдо рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВред рдХрд┐рд╕реА рд╕рдВрдкрд░реНрдХ рд╕реЗ рдирдП рд╕рдВрджреЗрд╢реЛрдВ рдХреА рд╕реВрдЪрдирд╛рдУрдВ рдХреЛ рдмреНрд▓реЙрдХ рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ, рдЖрдк рдХрд┐рд╕реА рд╕рдВрдкрд░реНрдХ рд╕реЗ рд╕рдВрджреЗрд╢реЛрдВ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдмреНрд▓реЙрдХ рднреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред



рд╕рдВрджреЗрд╢ рдореБрд╕реНрдХрд╛рди рднреЗрдЬрдиреЗ рдХреЛ рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред рдХреЛрдИ рд╡реАрдбрд┐рдпреЛ рдпрд╛ рдСрдбрд┐рдпреЛ рдХрдиреЗрдХреНрд╢рди рдирд╣реАрдВред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреА рд╕реНрдХреНрд░реАрди рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИред рднрд╡рд┐рд╖реНрдп рдореЗрдВ, рдореИрдВ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрдкрд░реЛрдХреНрдд рдореЗрдВ рд╕реЗ рдХреБрдЫ рдХреЛ рд▓рд╛рдЧреВ рдХрд░реВрдВрдЧрд╛ред

рдбрд╛рдЙрдирд▓реЛрдб push0k рдЧреНрд░рд╛рд╣рдХ:

рдЦрд┐рдбрд╝рдХрд┐рдпрд╛рдВ
рдореИрдХ рдУрдПрд╕

рдЖрд╡реЗрджрди vue.js. рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд▓реЗрдХреНрдЯреНрд░реЙрди рдкрд░ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЖрд╡реЗрджрди рдирд┐: рд╢реБрд▓реНрдХ рд╣реИ, рд▓реЗрдХрд┐рди рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ рд╡рд░реНрдгрд┐рдд рд╕рд░реНрд╡рд░ рдХреЗ рд╡рд┐рдкрд░реАрдд, рдореИрдВ рдЕрднреА рддрдХ рд╕реНрд░реЛрдд рдХреЛрдб рдЦреЛрд▓рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдирд╣реАрдВ рдмрдирд╛рддрд╛ рд╣реВрдВред

рдХрдиреЗрдХреНрд╢рди рдЙрджрд╛рд╣рд░рдг


рдХрдиреЗрдХреНрд╢рди рдореЗрдВ рддреАрди рднрд╛рдЧ рд╣реЛрддреЗ рд╣реИрдВ:

  1. рдПрдХ рдХрдиреЗрдХреНрд╢рди рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВред

    рд╕реБрд░рдХреНрд╖рд┐рдд рдХрдиреЗрдХреНрд╢рди рдХреЗ рд▓рд┐рдП, рдпрд╣ рд╣реИрдВрдбрд╢реЗрдХ рдореИрд╕реЗрдЬрд┐рдВрдЧ рд╣реИред
  2. рдкреНрд░рд╛рдзрд┐рдХрд░рдгред

    рдкреНрд░рд╛рдзрд┐рдХрд░рдг рдХреЗ рджреМрд░рд╛рди, рд▓реЙрдЧрд┐рди рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдкрд╛рд╕рд╡рд░реНрдб рд╣реИрд╢ + рдХрдиреЗрдХреНрд╢рди рдЖрдИрдбреА рд╕реЗ рдПрдХ рд╣реИрд╢ рдкреНрд░рд╕рд╛рд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

    рдкреНрд░рд╛рдзрд┐рдХрд░рдг рд╕рдВрджреЗрд╢ рдореЗрдВ, рдХрдВрдкреНрдпреВрдЯрд░ рдкреИрд░рд╛рдореАрдЯрд░ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ: рдУрдПрд╕ рдкреНрд░рдХрд╛рд░, рдУрдПрд╕ рд╕рдВрд╕реНрдХрд░рдг, рдкреНрд░реЛрд╕реЗрд╕рд░, рдореЗрдореЛрд░реА, рдХрдВрдкреНрдпреВрдЯрд░ рдХрд╛ рдирд╛рдоред рдпрд╣ рд╕рдВрджрд░реНрдн рдбреЗрдЯрд╛ рдЖрдБрдХрдбрд╝реЛрдВ рдФрд░ рд╕рдордЭ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ рд╣реИ рдХрд┐ рдУрдПрд╕, рдкреНрд░реЛрд╕реЗрд╕рд░ рдФрд░ рдореЗрдореЛрд░реА рдХрд╛ рдкреНрд░рдХрд╛рд░ рдХрдиреЗрдХреНрд╢рди рдХреА рдЧрддрд┐, рдбреЗрдЯрд╛ рд╡рд┐рдирд┐рдордп рдЖрджрд┐ рдХреЛ рдХреИрд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИред

    рдХрд╛рд░реНрдпрдХреНрд░рдо рдХреЗ рдкрд╣рд▓реЗ рд╕рдВрд╕реНрдХрд░рдг 1 рдПрд╕ рд╕реЗ рдмрдиреЗ рдФрд░ рдХрд╛рдо рдХрд┐рдП рдЧрдП рдереЗред рдЖрдорддреМрд░ рдкрд░, рдПрдХ рдХрдВрдкреНрдпреВрдЯрд░ рдкрд░, рдПрдХ 1c рдбреЗрдЯрд╛рдмреЗрд╕ рд▓реЙрдиреНрдЪ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХрдИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдПрдХ рдЕрдХрд╛рдЙрдВрдЯреЗрдВрдЯ рдореЗрдВ рдПрдХ рдореЗрдореЛрд░реА рдореИрдиреЗрдЬрд░ рдФрд░ рдПрдХ рдмреАрдкреАред рдпрджрд┐ рд╕рдорд╛рдзрд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рд▓реЗрдЦрд╛рдВрдХрди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдпрд╣ рд╕рдордЭрдирд╛ рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ рдХрд┐ рдХрд┐рд╕ рдбреЗрдЯрд╛рдмреЗрд╕ рд╕реЗ рдПрдХрд╛рдЙрдВрдЯреЗрдВрдЯ рдХрд╛ рд╕рдВрджреЗрд╢ рднреЗрдЬрд╛ рдЧрдпрд╛ рдерд╛ред рдкреНрд░рд╛рдзрд┐рдХрд░рдг рдХреЗ рджреМрд░рд╛рди, рдбреЗрдЯрд╛рдмреЗрд╕ рдбреЗрдЯрд╛ рднреА рдкреНрд░реЗрд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
  3. рдбреЗрдЯрд╛ рд╕рд┐рдВрдХреНрд░рдирд╛рдЗрдЬрд╝реЗрд╢рдиред

    рд╕рдлрд▓ рдкреНрд░рд╛рдзрд┐рдХрд░рдг рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕рдВрджреЗрд╢ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдПрдХ рддрд┐рдерд┐ рдХреЗ рд╕рд╛рде рдПрдХ рдбреЗрдЯрд╛ рдЕрдиреБрд░реЛрдз рд╕рдВрджреЗрд╢ рд╕рд░реНрд╡рд░ рдкрд░ рднреЗрдЬрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЕрдВрддрд┐рдо рд╕рдВрджреЗрд╢ рдпрд╛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдпрд╛ рдХрдорд░реЗ (рд╕рдореВрд╣) рдХреЗ рдЕрдВрддрд┐рдо рдкрд░рд┐рд╡рд░реНрддрди рдХреА рд╕рдмрд╕реЗ рдмрдбрд╝реА рддрд╛рд░реАрдЦред рдкреНрд░реЗрд╖рд┐рдд рддрд┐рдерд┐ рддрдХ, рдирдП рд╕рдВрджреЗрд╢ рдпрд╛ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛, рдХрдорд░реЗ (рд╕рдореВрд╣) рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред рддрд╛рд░реАрдЦ рдЦрд╛рд▓реА рд╣реЛ рд╕рдХрддреА рд╣реИ, рдлрд┐рд░ рд╕рднреА рд╕рдВрджреЗрд╢ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдФрд░ рдХрдорд░реЛрдВ рджреНрд╡рд╛рд░рд╛ рдкреНрд░рд╛рдкреНрдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рдпрд╣ рдкрд╣рд▓реА рдмрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЬрдм рдЖрдк рдХрдиреЗрдХреНрдЯ рдХрд░рддреЗ рд╣реИрдВред

    рд╕рд┐рдВрдХреНрд░рдирд╛рдЗрдЬрд╝реЗрд╢рди рдбреЗрдЯрд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдбреЗрдЯрд╛ рдХреА рдкреНрд░рд╛рдкреНрддрд┐ рдФрд░ "рдХрдиреЗрдХреНрд╢рди рд╕реЗрдЯрдЕрдк", "рдкреНрд░рд╛рдзрд┐рдХрд░рдг", рдФрд░ "рдбреЗрдЯрд╛ рд╕рд┐рдВрдХреНрд░рдирд╛рдЗрдЬрд╝реЗрд╢рди" рдХреЗ рдкрд░рд┐рдХрд▓рд┐рдд рд╕рдордп рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рд╕рдВрджреЗрд╢ рд╕рд░реНрд╡рд░ рдкрд░ рднреЗрдЬреЗ рдЬрд╛рддреЗ рд╣реИрдВред

Html рдкреГрд╖реНрда рдкрд░ socket.io рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдВред


рдиреЛрдб рдХреЗ рд▓рд┐рдПред js

  • рдЦреБрд▓рд╛ рдХрдВрд╕реЛрд▓
  • рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдлреЛрд▓реНрдбрд░ рдкрд░ рдЬрд╛рдПрдВ рдХрдорд╛рдВрдб `cd / yourCatalog`
  • рдЗрдВрд╕реНрдЯреЙрд▓ рдХрдорд╛рдВрдб рдХреЛ рдЪрд▓рд╛рдПрдВ `npm install socket.io`

Node.js рдЙрджрд╛рд╣рд░рдг рдХреЛрдб:

const io = require('socket.io-client'); const crypto = require('crypto'); const os = require('os'); const cpusarray = os.cpus(); let actiontime = 0; let contime = 0; let auftime = 0; let datasintime = 0; let socket; let lastdatesync = new Date(0).toISOString(); let usernumber = '+7 (999) 777-77-77'; let pw = 'somePassword'; let baseref = process.cwd(); let basename = 'push0k client'; let baseid = crypto .createHash('md5') .update(appdirectory) .digest('hex'); baseid = baseid.substring(0, 8) + '-' + baseid.substring(8, 12) + '-' + baseid.substring(12, 16) + '-' + baseid.substring(16, 20) + '-' + baseid.substring(20, 32); let basever = '19.02'; let clientid = crypto .createHash('md5') .update(os.hostname()) .digest('hex'); clientid = clientid.substring(0, 8) + '-' + clientid.substring(8, 12) + '-' + clientid.substring(12, 16) + '-' + clientid.substring(16, 20) + '-' + clientid.substring(20, 32); let syncdata = ''; let syncdatasize = 0; function sha256(p) { const hash = crypto.createHash('sha256'); hash.update(p); return '' + hash.digest('hex'); } function connect() { socket = io('http://yourServer.com:6789', { transports: ['websocket'], timeout: 5000 }); socket.connect(); socket.on('connect', onconnect); socket.on('message', onmessage); actiontime = new Date().getTime(); } function onconnect() { contime = new Date().getTime() - actiontime; usernumber = usernumber.replace(/\D/g, ''); socket .binary(false) .emit( 'message', '{"event":"auf","user":"' + usernumber + '","password":"' + sha256(pw + socket.id) + '","roomsjoin":true,"basename":"' + basename + '","basever":"' + basever + '","baseid":"' + baseid + '","baseref":"' + encodeURIComponent(baseref) + '","osversion":"' + encodeURIComponent(os.release()) + '","appversion":"18.08","clientid":"' + clientid + '","infappview":"","ram":"' + os.totalmem() / 1024 / 1024 + '","proc":"' + encodeURIComponent(cpusarray[0].model) + '","ostype":"' + encodeURIComponent(os.type() + ' ' + os.arch()) + '","compname":"' + encodeURIComponent(os.hostname()) + '"}' ); //      let filetranfer = msgdata.filetranfer; let filemaxsize = msgdata.filemaxsize; let filepartsize = msgdata.filepartsize; actiontime = new Date().getTime(); } function onmessage(msg) { let msgdata; let mestime = new Date().getTime(); if (typeof msg === 'string') { try { msgdata = JSON.parse(msg); } catch (err) { this.message = err.toString(); return; } } else if (typeof msg === 'object') { msgdata = msg; } if (msgdata.event === 'connected') { auftime = mestime - actiontime; socket .binary(false) .emit( 'message', '{"event":"getData","userid":"' + msgdata.userid + '","id":"' + msgdata.id + '","baseid":"' + baseid + '","clientid":"' + clientid + '","lastdatesinc":"' + lastdatesync + '"}' ); if (msgdata.setpass === 'true') { //       //       // openDialogSetNewPassword(); } actiontime = new Date().getTime(); } else if (msgdata.event === 'datasync') { syncdata += msgdata.data; syncdatasize += Buffer.byteLength(msg, 'utf8'); if (msgdata.dataPart < msgdata.partsCount) { return; } datasintime = mestime - actiontime; socket .binary(false) .emit( 'message', '{"event":"dataConfirm","userid":"' + msgdata.userid + '","dataid":"' + msgdata.dataid + '","baseid":"' + baseid + '","contime":' + contime + ',"auftime":' + auftime + ',"datasintime":' + datasintime + ',"datesync":"' + msgdata.datesync + '","datasize":' + syncdatasize + '}' ); contime = 0; datasintime = 0; auftime = 0; syncdatasize = 0; let datasync = JSON.parse(Buffer.from(syncdata, 'base64').toString('utf8')); syncdata = ''; //      // datasync.Users   // datasync.Rooms   // datasync.Cons    // datasync.joinedRooms    // datasync.Mess   } } 

Source: https://habr.com/ru/post/hi439414/


All Articles