Write a web frontend for artifactory [closed] - artifactory

Question

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 months ago.
This post was edited and submitted for review 3 months ago and failed to reopen the post:
Not suitable for this site We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Improve this question
I need help to choose tools to create a web frontend for Jfrog Artifactory. It has a web ui, but it is not easy to use out of the box.
What I need, is to be able to create a simple webpage where "customers" can search out software, by enabling different properties on the artifacts.
Ex. if the CODESYS feature is desired, then it can be selected from a drop down box.
Product owner should also be able to mark releases available to external customers.
What tools should I use to be doing that?
Does Artifactory have tools to do this? '
Can I write a web page which does queries against Artifactory.
and if so what frameworks can be used
Or something else

Answer 1

You could leverage the jfrog-client-js
https://github.com/jfrog/jfrog-client-js
First you instantiate the client and get the object (jfrogClient in the case below)
let jfrogClient = new JfrogClient({
platformUrl: 'https://my-platform-url.jfrog.io/',
// artifactoryUrl - Set to use a custom Artifactory URL.
// xrayUrl - Set to use a custom Xray URL.
username: 'username',
password: 'password',
// OR
accessToken: 'accessToken',
// Optional parameters
proxy: { host: '<organization>-xray.jfrog.io', port: 8081, protocol: 'https' },
headers: { key1: 'value1', key2: 'value2' },
// Connection retries. If not defined, the default value is 3.
retries: 3,
});
Next, you use this object (jfrogClient) to interact with your Artifactory
jfrogClient.artifactory()
.search()
.aqlSearch(
'items.find({' +
'"repo":"my-repo-name",' +
'"path":{"$match":"*"}}' +
').include("name","repo","path","created").sort({"$desc":["created"]}).limit(10)'
);
.then(result => {
console.log(JSON.stringify(result));
})
.catch(error => {
console.error(error);
});
The above code will return an array of your search results, which you will then send to your web UI for display.