ADEM İŞLER
Vegere
Li GitHub de bibîne

Repository

Sisypi - Arîkarê Automation

Sisypi dirêjkirina chrome ya hêzdar e ku ji bo karên dubarekirin û demên bi hêsanî li ser rûpelên malperê otomatîk hatine çêkirin. Ew dihêle hûn bi navgîniya intuitive-ê ve senaryoyên otomatîkî yên malperê biafirînin, biguherînin û biafirînin bêyî ku hûn zanebûna kodkirinê hewce bikin . Vebijarkên xweyên rojane, pêvajoyên berhevkirina daneyên otomatîk bilezînin, û ji hêla kêmkirina xeletiyên manual ve zêdebûna xwe zêde bikin.

Taybetmendiyên

Sisypi ji bo hewcedariyên otomatîkî ya weya we taybetmendiyek dewlemend û birêkûpêk pêşkêşî dike:

Afirandina senaryoya dîtbar: Ji hêla rasterast li ser rûpelê malperê ve gavên otomatîkî zêde bikin. Bi hêsanî têkiliyên bingehîn ên mîna klîk, nivîsandina nivîsê, û kopîkirina daneyan bicîh bikin. Bootboxa Pêşkeftî: Amûrên cihêreng peyda dike da ku tevlihevî û berbiçav li senaryoyên xwe zêde bike: Wait: Scenario senaryo diherike li benda demek taybetî (li Milliseconds). Ji bo rûpelê rûpel an naveroka dînamîkî ya girîng girîng e. Commentîrove: Nîşanên despêkê li senaryoya xwe zêde bikingavên ji bo baştirkirina xwendinê û domdariyê. Dîmender: Bixweber di senaryoyan de di senaryoyek de ekranek bi rengek taybetî kişand. Ji bo debugging an şopandina pêvajoyê kêrhatî ye. Logic Logicertê Portekî (Heke / Else): Li ser bingeha ka elementek taybetî li ser rûpelê heye, gavên cihêreng dimeşînin. Senaryoyên we bêtir dînamîkî û xelet-tolerant dike. Loops (N Times): gavek an blokek taybetî dubare bikin hejmareke diyarkirî. Bi taybetî kêrhatî dema ku navnîşên navnîşa pêvajoyê. Scroll: Rûpelê dakêşin da ku naveroka nû barkirin an jî hêmanên nedîtî werin girtin. Piştgiriya guhêrbar: Nirxên bi navê navnîşan hatine kopî kirin û di nav gavên paşîn de an kiryarên din bikar bînin (mînak., Di gavên paşê de bikar bînin. Senaryoyên we bêtir generic û reusable dike. Sînorkirina URL: Piştrast bike ku senaryoyan tenê li ser rûpelên pêşbaziyên taybetî yên URL-ê bicîh bikin, pêşîgirtina li darvekirina şaş an nexwazî li ser rûpelên çewt. Birêvebirina senaryoyê: bi hêsanî senaryoyên xwe bi navgîniya intuitive bi navgîniya xwe biafirînin, biguherînin û jêbirin. Hûn dikarin hemî senaryoyên xwe wekî pelek yek json paşde bidin û paşê wan sererast bikin. Piştgiriya Ziman: Navbera bikarhêner bi zimanên Tirkî û Englishngilîzî piştgirî dike.

Mîmarî

Sisypi bi karanîna pêkhateyên bingehîn ên mîmariya dirêjkirina chrome bikar tîne. Van pêkhateyan ji bo pêkanîna fonksiyonên cûda yên dirêjkirinê hatine çêkirin:

popup ( popup / ): Navbera bingehîn a ku gava bikarhêner hilkêşe îkonê dirêjkirinê vedike. Hemî danûstandinên bikarhêner, wekî afirandina, sererastkirin, û birêvebirina senaryo, li vir pêk tê. Skrîpta paşîn ( Nivîsarên / Background.js ): Mêjî” ya dirêjkirinê. Ew ji bo bûyerên gerokan guhdarî dike, daneyên senaryoyê digire, û ragihandina di navbera tîpên popup û naverokê de hevrêz dike. Nivîsarên naverokê (“Naverok / naverok_script.js , Naverok / Selector_Generator.js ): Nivîsarên rasterast di rûpelê malperê de. Ew gihîştin ûBi Dom Rûpelê Malperê re têkilî daynin. Ew moda hilbijartina elementê çalak dikin, gavên senaryoyê bicîh dikin, û nûvekirinên statûyê li sernivîsa paşîn bişînin. Resourcesavkaniyên gihîştî yên Web ( Naverok / Hilbijartin.css ): Pelê CSS di moda hilbijartina elementê de di rûpelê malperê de tê şandin.

Sazkirin

Sisypi dirêjkirina chrome e. Van gavan bişopînin da ku li hawîrdora pêşkeftina xwe saz bikin û bisekinin:

  1. Kleber Damezrandin: Vê repository github ji komputera xwe re bişopînin an ew wekî zexê dakêşin û wê li peldanka xweya xwestî derxînin. Bash git clone https://github.com/ademisler/sisypi.git

  2. Pêşniyarên Chrome Vekirî: Geroka xwe ya Chrome vekin û Tîpa CHROME: // dirêjkirina barê.

  3. Mode Pêşkêşker çalak bike: Vebijêrin “moda Pêşkêşker” li quncika jorîn a jorîn biguhezîne.

  4. Berfirehkirina Unpacked: Bişkojka “Barê Bişkojk” bikirtînin.

  5. Peldanka Hilbijêre: Peldanka Sisypi we hilbijêrin an derxist.

Naha dê dirêjkirina Sisypi were saz kirinû amade ye ku di geroka xwe de bikar bîne. Hûn dikarin dixwazin îkonê dirêjkirinê li barika geroka xwe bidin.

Bikaranîna

Senaryoyên otomatîkî yên malperê biafirînin û bi karanîna sisypi pir hêsan e. Li vir rêbernameyek gav-gavek heye:

  1. Pêşveçûn vekin: Vebijêrin Sisypi li quncika jorîn a rastê ya KROME-ya xwe vekin da ku paceya dirêjkirinê vekin.
  2. Senaryoya nû çêbikin: li ser ekrana sereke, Bişkojka “Senaryoya Nû” bitikînin. Ev ê we bigihîne ser ekrana edîtorê senaryoyê.
  3. Agahdariya Scenario binivîse:
    Navê Scenario: Senaryoya xwe bide navek despêkê (mînak., “Li Google-ê bigerin”). Sînorkirina URL (vebijarkî): Heke hûn dixwazin senaryo tenê li ser pêşnumayek taybetî an URL-ê dakêşin, li vir an parçeyek li vir binivîse (mînak. / Google.com / nexşe.). Ev pêşî li senaryoya we digire ku li ser rûpelên çewt xelas bibe.
  4. Pêvek zêde bikin:
    Pêvek hilbijêrin Hilbijartin: Vê bişkojka bikirtînin da ku bi elementek li ser rûpelê malperê re têkilî daynin. Dirêjkirin dê dest bi elementê bikemoda hilbijartinê di tabloya çalak de. Gava ku hûn mişka xwe li ser elementan hildin, hûn ê qutiyên hejmar bibînin. Hejmara elementa xwestinê binivîse û “Hilbijêrin” bikirtînin. Dûv re, çalakiya ku hûn dixwazin li ser elementê hilbijêrin hilbijêrin (bikirtînin, kopî, kopî) bikin û parameterên pêwîst binivîsin (mînak. Bootbox: Ji beşa “toolbox” li jêr ” Her amûrek fonksiyonek cûda ya fonksiyonê û kontrola li ser senaryoya xwe zêde dike.
  5. Scenario Save: Piştî ku hûn gavên lê zêde bikin, Bişkojka “Save” bitikînin da ku senaryoya xwe hilînin.
  6. Skenario Run: Ji bo dakêşandina senaryoya hilanînê, Bişkojka “Run” bikirtînin. Senaryo dê bixweber di tabloya geroka aktîf de were darve kirin. Rewşa darvekirinê dê di pencereya dirêjkirinê de were nîşandan.
  7. Backup û Restore: Ji ekrana bingehîn, hûn dikarin hemî senaryoyê dakêşiniOS wekî pelek yek JSON bi “Backup Hemû” , û senaryoyên paşîn ên paşîn ên bi “Bendava Backup” re sererast bikin. Vê taybetmendiyê dihêle hûn senaryoyên xwe ewle bimînin û wan di navbera amûrên cihêreng de veguhestin.

Pêşveçûn

Ev proje bi karanîna amûrên pêşveçûna malperê ya nûjen tê pêşve xistin: vite û tîpek.

Amûrên pêwîst

[Node.js] (https://nodejs.org/) (V18 an jî pêşniyar kirin) [NPM] (https://www.npmjs.com/) an [yarn] (https://yarnpkg.com/)

Setup û Running

  1. Depository û navnîşana Peldanka Projeyê vedike: Bash git clone https://github.com/ademisler/sisypi.git CD Sisypi

  2. Girêdayî saz bikin: Bash NPM saz kirin

  3. Servîsa Pêşveçûnê dest pê bikin. Ev ferman ji bo popup.html û pelên têkildar bikar tîne, ji bo ezmûnek zûtirîn û pêşkeftinê peyda dike: Bash NPM Run Dev

4 Ji bo sazkirina li Chrome, li jor gavên “sazkirinê” bişopînin. Guhertinên li DMode Evelopment dibe ku bixweber nehatibe tespît kirin, ji ber vê yekê hûn hewce ne ku bi destan ji nûvekirina chrome: // îkonên nûvekirinê li ser qerta dirêjkirinê nûve bikin) Ji bo dîtina guhertinan.

Struktura Projeyê

Vê beşê strukturên peldanka sereke ya projeyê û mebesta her peldanka / pelê diyar dike. Vê strukturê ji bo pêşdebiran hêsantir dike ku rêgez û beşdarî projeyê bike.

sisypi / ├───.git / GIT Directory Directory Control ├───.gitignore Pelên ku ji hêla git ve têne paşguh kirin ├───index.tsx React Sereke / Point Enter TypeScript (ji bo Vite) ├───manifest.jon Pelê Manîfestoya Berfirehkirinê (Mîhengên dirêjkirinê) ├───metadata.json Metadata proje (dibe ku ji bo karanîna navxweyî) ├───Package.JSon node.js ve girêdayîbûn û nivîsarên projeyê ├───readme.md Ev pelê readme ├───tsconfig.jon Dosya Mîhengên TypeScript ├───content / │ content_scrIPT.JS Nivîsara naveroka sereke di rûpelê malperê de tê şandin │ ├───selection.css şêweyên CSS ji bo moda hilbijartina element │ └───selector_GENERATER.JS Helper Script ji bo hilberîna hilbijarkerên CSS ├───ions / │ ├───on128.png îkonên dirêjkirinê (di cûrbecûr cûrbecûr de) │ ├───oon16.png │ └───oon48.png Pirtûkên ├───lib / Pirtûkxaneyên Derveyî │ rorsortable.min.js Pirtûkxane ji bo fonksiyona drag-û-drop │ └───fontawesome / FONT AWESOME icon Pirtûk │ ├───ss / │ │ └───All.min.css │ WEBWEBFONTS / FONT FONTS WEB FONT ├───PopUp / │ ├───POPUP.CS Stîlên CSS ji bo têkiliya popup │ ├───POPUP.HTML Struktura HTML-ya têkiliya popup │ └───POPUP.JS JavaScript Logic ji bo têkiliya popup └───scripts / ├───backlations.js Karkerê Serkeftinê ya Berfirehkirinê └───└───ontent.js tîpên naveroka kevn an redundant (ne karanîna)

Tevlêbûn

Beşdariyên neBi xêr hatî! Ji bo raporên bugê, daxwazên taybetmendiyê, an Beşdariyên Koda, ji kerema xwe biçin depoya GitHub û xwe hîs bikin ku “pirsgirêkek” pêşkêş bikin “daxwazek bikişînin”.

krediyan Created by [Adem lem İşler] (https://ademisler.com/). Heke hûn vê projeyê bikêr bibînin, Difikirin [ji min re qehweyek min kir] (https://buymeacoffee.com/ademisler).

Destûrnameya

Ev proje di bin lîsansa MIT de lîsans e. Ji bo bêtir agahdarî pelê lîsansê bibînin.