ファイルを選択してインスタグラムに投稿

dax · 2022-05-19 09:37:09

管理人さま

お世話になっております
以前、webFromMaker4ieを利用しておりました。
FileMakerからブラウザを操作できるということで色々なツールを作成して、業務に役立てておりました。
その節はありがとうございました。

今回ご相談したいのは表題のとおり、Filemakerからファイルを開く→選択してインスタグラムに投稿という機能を開発したいと思っております。
ファイル選択はOSの機能なのでWebビューアではできないと認識しております。

本題なのですが、ScriptMakerPSにて「ファイルを開いて選択してインスタグラムに投稿」は可能でしょうか。
また、参考になるようなサイトはありますでしょうか。（Poweshellはqiitaあたりの記事で学習を始めました）

こちらのレベルはWebビューア内でjsでブラウザ操作はできる、といった感じなのですが、PoweshellやSeleniumはこれからの学習になります。

▼環境
Filemaker19
Windows10

admin · 2022-05-19 09:59:11

Instagram API というのがあるようですが、投稿機能があれば、 API を使うのが良いですが、投稿機能があるかどうかは分かりません。

Filemakerからファイルを開く→選択してインスタグラムに投稿という機能を開発したいと思っております。
...
本題なのですが、ScriptMakerPSにて「ファイルを開いて選択してインスタグラムに投稿」は可能でしょうか。

WEBブライザを操作するには、HTMLを解析し、動作検証する必要があります。
Instagramのような最近のサイトは、自動操作が困難な事が多いです。

FileMakerからブラウザ操作であれば、以下が比較的カンタンかと思います。

FileMakerでGoogle Chrome を操作。Node.js puppeteer
https://qbxxdp.blogspot.com/2020/08/fil … eteer.html

以下の様なこともできますが、Instagram の操作がどこまで記録可能かは、やってみないと分かりません。

ChromeのRecord機能で記録した操作をFileMakerから実行する
https://zenn.dev/qb_dp/articles/353831a64efa47

以下の方法でも操作可能です。

FileMaker + Google ChromeでWEBスクレイピング!｜Web Scraping With Filemaker
https://qbxxdp.blogspot.com/2016/08/fil … meweb.html

dax · 2022-05-20 08:02:39

管理人さま

返信ありがとうございました。

admin さんの発言:

Instagram API というのがあるようですが、投稿機能があれば、 API を使うのが良いですが、投稿機能があるかどうかは分かりません。

そうですね、Instagram APIは投稿機能が無いのでブラウザからするしかないんですよね。

admin さんの発言:

dax さんの発言:
Filemakerからファイルを開く→選択してインスタグラムに投稿という機能を開発したいと思っております。
...
本題なのですが、ScriptMakerPSにて「ファイルを開いて選択してインスタグラムに投稿」は可能でしょうか。
WEBブライザを操作するには、HTMLを解析し、動作検証する必要があります。
Instagramのような最近のサイトは、自動操作が困難な事が多いです。

HTML解析し、Webビューア上ではjsで各ボタンクリックや、キャプション入力ができることは確認しました。
ただ、投稿の際に「ファイルを選択」ダイアログを開くところまではいってるのですが、ローカルファイルを指定、「開く」ボタンが
押せないのです。

admin さんの発言:

FileMakerからブラウザ操作であれば、以下が比較的カンタンかと思います。
FileMakerでGoogle Chrome を操作。Node.js puppeteer
https://qbxxdp.blogspot.com/2020/08/fil … eteer.html
以下の様なこともできますが、Instagram の操作がどこまで記録可能かは、やってみないと分かりません。
ChromeのRecord機能で記録した操作をFileMakerから実行する
https://zenn.dev/qb_dp/articles/353831a64efa47

「Operate_ie3.fmp12」を拝見しました。webFromMaker4ieのようでとっつきやすいです。
あくまでブラウザを立ち上げて操作する機能であって、Webビューア上のダイアログの操作はできないですよね？
Webビューア上で完結すれば一番シンプルでいいなとは思うんですが。。

また、ブラウザ立ち上げるとして、ダイアログ操作はカスタム関数の中に無いようなんですがPoweshellで書く感じでしょうか。

admin · 2022-05-20 08:56:51

ファイルのアップロードのJSからの操作は、ブラウザで止められています。Selenium や、Puppeteer からは、ファイルのアップロードが可能です。

Puppeteer の場合は、こんな感じでアップロード可能です。

//SetUploadFileBySelector ('input[type="file"]', 0, 'C:/Users/.../test.txt')
exports.SetUploadFileBySelector = async (selector, index, value) => {
    await TargetTab.waitForSelector(selector);
    const ElementHandle = await TargetTab.$$(selector);
    await ElementHandle[index].uploadFile(value);
    return 0;
}

↓ ある程度のブラウザ操作ができるようにしています。

FileMakerでGoogle Chrome を操作。Node.js puppeteer
https://qbxxdp.blogspot.com/2020/08/fil … eteer.html

admin · 2022-05-20 09:40:32

Selenium の場合は、SendKeys で <input type='file' ... へローカルパスを送るとファイルのアップロードができます。

$element = $driver.FindElementByXPath('//*[@id="_fileInput"]');
$element.SendKeys('C:\Users\...\Desktop\!TEMP\v3.png');

dax · 2022-05-22 21:52:37

管理人さま

返信ありがとうございました。
記述例もありがとうございます。

Puppeteerにて一旦、投稿までできました。
NodejsEval.fmp12の開発ありがとうございました。

FILEMAKER プラグインなどフォーラム

#1 2022-05-19 09:37:09