詳細検索

Incorporando o AjaXplorer no WordPress

Avatar
por maeno

Incorporando o AjaXplorer no WordPress
Traduzido do 日本語 • Ver original

[legenda id="anexo_107" align="aligncenter"]

AjaXplorer AjaXplorer[/legenda]

Quando percebemos uma vitrine para o "DEVLAß", tivemos que pensar na interface para upload e exclusão de arquivos em vários formatos. Este site é construído com WordPress, mas se depende da biblioteca de mídia WordPress, mesmo que você adicione um plugin para gerenciamento de arquivos, precisa gerenciar cada arquivo carregado, e está longe de ser a mesma operação de arquivos de um PC local, como exclusão em massa e agrupamento de diretórios. Além disso, o "DEVLAβ" não abre FTP por razões de segurança, então era necessário ser um carregador de arquivos que não dependesse de FTP. Por isso, decidimos introduzir o "AjaXplorer", que permite gerenciamento e operação de arquivos como um explorador em um PC local e não usa FTP.
Esse "AjaXplorer" é uma ferramenta gratuita, mas surpreendentemente avançada que permite enviar, renomear, excluir, criar diretórios, copiar e mover arquivos online pelo Windows Explorer. Também é compatível com smartphones como iOS, e há plugins que conectam a CMS importantes como WordPress e Drupal. Com plugins vinculados a CMS, por exemplo, se você fizer login no WordPress, pode fazer login automaticamente no AjaXplorer, e pode definir repositórios (diretórios de acesso e permissões de acesso) individualmente para cada usuário. Além disso, o próprio "AjaXplorer" está disponível em japonês, facilitando o uso das ferramentas.
No entanto, o que deve ser lamentado é que integrá-lo ao WordPress é um pouco complicado, e há poucos sites que expliquem isso em detalhes, e não há nenhuma ajuda japonesa que descreva a integração com CMS. Portanto, vou tentar converter os passos que segui ao integrá-lo no TIPS. Além disso, também tentei traduzir o plugin do WordPress da AjaXplorer para o japonês, então também distribuirei o procedimento e o arquivo de tradução japonês.
(*Por favor, note que este TIPS assume que o WordPress já está instalado no ambiente em que o AjaXplore está instalado.)

  1. Instalando o AjaXplorer

    Primeiro, baixe o "AjaXplorer".
    Baixe a versão mais recente do site oficial do AjaXplorer (a versão que baixei foi a 4.2.0 em julho de 2012) e faça o upload para o servidor. Alternativamente, você pode baixar e instalar diretamente do lado do servidor com comandos RPM ou yum (consulte o site oficial para informações baseadas em linha de comando para download e instalação). Desta vez, instalei como um tipo de upload de arquivo, em vez de uma base de linha de comando. Isso porque achei que seria mais fácil configurar implantando arquivos de configuração e outros arquivos diretamente no caminho de instalação do AjaXplorer.

    [legenda id="attachment_115" align="alignleft"]

AjaXplorer-install-01 [Figura 1] Tela de Verificação de Saúde da Instalação AjaXplorer[/legenda]

Agora, ao expandir o arquivo baixado, você receberá um nome de diretório longo como "ajaxplorer-core-4.2.0". Se você enviar para o servidor como está, a URL de acesso será longa e difícil de usar, então renomeie para "ajaxplorer" e faça o upload para o servidor.   
Em seguida, altere as permissões do diretório "data" diretamente abaixo do diretório onde o AjaXplorer foi implantado e os subdiretórios abaixo para que possam ser escritos pelo usuário (permissão 777 ou 775). Agora, acesse o diretório (caminho raiz) onde o AjaXplorer foi implantado a partir de um navegador web. Por exemplo, se você enviar o AjaXplorer diretamente sob a raiz do documento do seu site, ele ficará "http://mydomain.com/ajaxplorer/". Isso iniciará a verificação de saúde do instalador. Se você receber um erro, a maioria dos problemas se deve a permissões do diretório, então tente tornar as permissões do diretório raiz (como "ajaxplorer") onde o AjaXplorer foi implantado (como "ajaxplorer") graváveis.   
Se a verificação de saúde for realizada com sucesso, uma tela como [Figura 1] será exibida, então, se não houver problemas com o conteúdo, por favor clique no link "clique aqui para continuar para AjaXplorer."   

\[legenda id="anexo\_116" align="alignleft"\]<a href="https://dev.blog.colorkrew.com/uploads/scrsht-00004.png">

AjaXplorer-install-02 [Fig. 2] Tela de login do AjaXplorer[/legenda]

Você pode pular a caixa de aviso de que o nome de usuário e a senha do usuário inicial de gerenciamento são os mesmos. Quando a tela de login, como a mostrada em [Figura 2], inicia, a instalação está concluída. Tanto o nome de usuário quanto a senha do usuário inicial de gerenciamento são "admin", então por favor, faça login primeiro.   
  1. Configuração Inicial do AjaXplorer

    [legenda id="anexo_127" align="alignleft"]

AjaXplorer-setting-01 [Fig. 3] Traduzindo AjaXplorer para japonês[/legenda]

Primeiro, mude a configuração de idioma para japonês. Como mostrado na Figura 3, selecione "Idioma" no menu suspenso "Registrado como administrador" no canto superior direito do console e selecione "Japonês" na caixa de seleção. Isso completa a conversão japonesa do AjaXplorer.   

\[legenda id="anexo\_126" align="alignright"\]<a href="https://dev.blog.colorkrew.com/uploads/scrsht-00006.png">

AjaXplorer-setting-02 [Fig. 4] Mudança de senha do usuário AjaXplorer[/legenda]

Em seguida, mude a senha do usuário administrador inicial. Você pode fazer isso a partir de "Alterar Senha" da mesma forma que na configuração de idioma (veja [Figura 4]). Isso completa a configuração inicial do lado do AjaXplorer.   
  1. Concatenando WordPress e AjaXplorer (Preparação para WordPress)

    Em seguida, quando você faz login no WordPress, estará logado no AjaXplorer ao mesmo tempo, e se um usuário fizer login do lado do WordPress, uma ponte de aplicação será adicionada automaticamente se o usuário não existir no lado do AjaXplorer. O site oficial distribui um plugin de ponte, então baixe (existem plugins de ponte para vários CMS no "ajaxplorer-cms-bridges-4.0.zip" que podem ser baixados no link).
    Quando você expande o arquivo de download, encontrará uma pasta chamada "ajaxplorer" na pasta "WordPress", então envie essa pasta para o diretório do plugin WordPress.
    Agora, você pode usar o recurso bridge ativando o plugin AjaXplorer no menu de administração do WordPress. No entanto, a tela de configurações é difícil de entender em inglês, então vamos traduzir esse plugin bridge para japonês. Primeiro, baixe o arquivo em japonês do plugin bridge distribuído neste artigo. Quando você descompactar o arquivo baixado, a pasta lang será descompactada, então envie essa pasta diretamente no diretório do plugin bridge AjaXplorer.
    Em seguida, vamos incorporar o arquivo de linguagem no próprio plugin bridge. Editar o corpo do plugin bridge "class. WpAjxp.php" e adicionar o código seguinte sob [php firstline="11"]define("AJXP_EXEC", true);[/php].
    [php firstline="12"]load_plugin_textdomain("ajxp", false, "ajaxplorer/lang/");[/php] Isso completa o plugin japonês. "AjaXplorer" será adicionado à seção "Configurações" do menu de administração do WordPress, então se a tela de configurações for japonesa, como mostrado na [Figura 5] abaixo, o japonês é bem-sucedido.

    [legenda id="attachment_130" align="aligncenter"]

AjaXplorer-Bridge-plugin

[Fig. 5] Tradução japonesa da tela de configurações do plug-in AjaXplorer bridge [/legenda]

As configurações do plugin bridge são as seguintes. 

- No campo Caminho AjaXplorer, insira o caminho completo no servidor onde AjaXplorer está instalado. 
- Insira qualquer senha no campo "Chave Privada~" (lembre-se dessa senha, pois será usada na próxima etapa). 
- Você pode escolher qualquer opção para "Auto-criar~". Se você tem um grande número de usuários fazendo login no WordPress e não precisa deixar todos usarem o AjaXplorer, pode usar "Não". 

Depois, registre o usuário admin inicial "admin" no AjaXplorer como um usuário do lado do WordPress. Nesse caso, a senha do usuário "admin" que você cria no WordPress deve ser a mesma que você mudou no AjaXplorer anteriormente (se você já tem um usuário "admin" no WordPress, pode trocar a senha do usuário para a do usuário "admin" no AjaXplorer, ou fazer login novamente no AjaXplorer e trocar a senha lá).   
  1. Conectar WordPress e AjaXplorer (Preparando o lado AjaXplorer)

    Agora vamos incorporar um plugin de bridge no lado do AjaXplorer.
    Há um arquivo de configuração chamado "bootstrap_plugins.php" no "conf" no diretório de instalação do AjaXplorer, então edite-o. Substitua todo o array associativo chamado AUTH_DRIVER nas linhas 65~73 de "bootstrap_plugins.php" como mostrado abaixo (é útil comentar e adicionar o array original ao voltar ao normal).
    [php firstline="65"] "AUTH_DRIVER" => array( "NAME" => "remote", "OPTIONS" => array( "SLAVE_MODE" => true, "USERS_FILEPATH" => "AJXP_INSTALL_PATH/server/users/users.ser", "LOGIN_URL" => "/wordpress/wp-login.php", "LOGOUT_URL" => "/wordpress/", "SECRET" => "myprivatesecret", "TRANSMIT_CLEAR_PASS" => false) ), [/php] As partes que precisam ser editadas individualmente são as seguintes.

    • [php firstline="69"]"USERS_FILEPATH" => "AJXP_INSTALL_PATH/server/users/users.ser"[/php] ... Na versão mais recente do AjaXplorer, a localização de armazenamento de arquivos do usuário foi alterada, então foi alterada para [php light="true" classname="inline-code"]"AJXP_INSTALL_PATH/data/plugins/auth.serial/users.ser"[/php]
    • [php firstline="70"]"LOGIN_URL" => "/wordpress/wp-login.php"[/php] ... URL de login do WordPress (você será redirecionado para esta URL ao fazer login no AjaXplorer)
    • [php firstline="71"]"LOGOUT_URL" => "/wordpress/"[/php] ... URL de deslogamento do WordPress (você será redirecionado para essa URL ao fazer logout com o AjaXplorer)
    • [php firstline="72"]"SECRET" => "myprivatesecret"[/php] ... a chave privada que você digitou ao configurar seu plugin de bridge do WordPress

    Quando terminar de editar as configurações, sobrescreva e salve. Agora você pode fazer login no AjaXplorer ao mesmo tempo em que faz login no WordPress. Tente fazer login no WordPress como usuário administrador e verifique em ação.
    Depois de conseguir fazer a ponte no login, é hora de configurar seu repositório para que o gerenciamento de arquivos dos lados do WordPress e do AjaXplorer esteja sincronizado.

    [legenda id="anexo_138" align="alignleft"]

AjaXplorer-setting-03 [Figura 6] Configurações AjaXplorer[/legenda]

Faça login no AjaXplorer, selecione "Configurações" no menu suspenso no canto superior esquerdo (veja [Figura 6]),   

\[legenda id="anexo\_139" align="alignright"\]<a href="https://dev.blog.colorkrew.com/uploads/scrsht-00009.png">

AjaXplorer-setting-04 [Fig. 7] Crie um novo repositório AjaXplorer[/legenda]

Selecione "Novo Repositório" → "Repositório" na caixa de ferramentas superior (veja a Figura 7). 

\[legenda id="attachment\_140" align="alignleft"\][ 
AjaXplorer-setteing-05

)](https://blog.colorkrew.com/uploads/scrsht-00010.png) [Figura 8] AjaXplorer cria um novo repositório[/legenda]

Como mostrado na Figura 8, o diálogo "Criar um novo repositório" será aberto, então insira os seguintes campos obrigatórios.   

- Rótulo do Repositório: O nome do repositório exibido no AjaXplorer
- Driver de repositório: Este é o driver do repositório. Basicamente, "Sistema de Arquivos (Padrão)" é suficiente.
- Caminho: Insira o caminho completo no servidor para o diretório que você deseja consultar (veja o exemplo de caminho do repositório mostrado na tela de configurações do WordPress)
- Criar: Este é um alternador para decidir se deve criar um novo caminho se o caminho especificado acima não existir

Além disso, você pode definir permissões de acesso para repositórios na lista de acordeão do "Filesystem Commons". Você pode tornar cada repositório somente leitura. Se quiser gerenciar arquivos básicos, é uma boa ideia definir para "Ler e Escrever".   

\[legenda id="attachment\_141" align="aligncenter"\]<a href="https://dev.blog.colorkrew.com/uploads/scrsht-00011.png">

AjaXplorer-setting-06 [Figura 9] Verificando o repositório AjaXplorer[/caption]

Selecione o nome do repositório recém-criado no menu suspenso no canto superior esquerdo e, se a tela do gerenciador de arquivos for atualizada para o conteúdo de acordo com o caminho do repositório, o repositório foi criado com sucesso. Isso torna extremamente conveniente gerenciar arquivos, como reenviar arquivos de mídia. 
  1. Crie um Atalho para o AjaXplorer no Menu de Administração do WordPress

    Aliás, a conexão entre WordPress e AjaXplorer foi concluída, mas não há link para atalho do menu de administração do WordPress para o lado do AjaXplorer, então você precisa digitar a URL quando quiser ir ao AjaXplorer toda vez, o que é problemático. Por isso, gostaria de adicionar um atalho para o AjaXplorer no menu de administração do WordPress para torná-lo ainda mais fácil de usar.
    Adicione o código a seguir ao corpo principal da classe de plugins bridge do WordPress. WpAjaxp.php.
    Na função de "função configuração_menu()" nas linhas 103~106,
    [php firstline="106"] add_submenu_page('tools.php', __("AjaXplorer", "ajxp"), __("AjaXplorer","ajxp"), '1', 'wp_ajax_link', array(&$this, 'goto_ajaxplorer')); [/php]. Além disso, na classe "Ajxp" (após a função "plugin_options_validate()", você pode usar a
    [php htmlscript="true" firstline="202"] função goto_ajaxplorer() { echo '

    Abra o AjaXplorer;
    '; } Adicione um link para o diretório raiz do AjaXplorer, como [/php] (se você desfazer o comentário em JavaScript acima, ele fará o link imediatamente).
    Isso adicionará um item chamado "AjaXplorer" no menu de administração do WordPress sob "Tools", do qual você poderá acessar o lado do AjaXplorer. Ao retornar do lado do AjaXplorer, você pode voltar ao lado do WordPress clicando em "Voltar" na caixa de ferramentas.

AjaXplorer CMS Bridge WordPress Plugin Arquivo Japonês

Confirmação de Ação: WordPress 3.4.0 / AjaXplorer 4.2.0

Related Articles